Animate Window Resize (Width and Height) C# WPF

Question

I\'m looking for some help on animating window resize of an open window! Cant seem to figure this one out!

I\'m just using atm.

this.Width = 500;


        

Answer 1

System.Windows.Threading.DispatcherTimer dispatcherTimer = new System.Windows.Threading.DispatcherTimer();
dispatcherTimer.Tick += dispatcherTimer_Tick;
dispatcherTimer.Interval = new TimeSpan(0,0,0,0,10); // Control animation speed / how often the tick will be called.
dispatcherTimer.Start();


private void dispatcherTimer_Tick(object sender, EventArgs e)
{
     if ( this.Width < 500 )
     {
           this.Width += 10;
     } 
     else 
     {
           DispatcherTimer timer = (DispatcherTimer)sender;
           timer.Stop();
     }
}

Answer 2

I have answered this question myself. Here is some sample code.

    static System.Windows.Forms.Timer _Timer = new System.Windows.Forms.Timer(); 
    int _Stop = 0;

    private void This_Loaded(object sender, RoutedEventArgs e)
    {
        _Timer.Tick += new EventHandler(timer_Tick);
        _Timer.Interval = (20); 

        resize(500,500)
    }

    private void timer_Tick(Object myObject, EventArgs myEventArgs)
    {
        if (_Stop == 0)
        {
            _RatioHeight    = ((this.Height -   _Height)    / 12)* -1;
            _RatioWidth     = ((this.Width -    _Width)     / 12)* -1;
        }
        _Stop++;

        this.Height += _RatioHeight;
        this.Width  += _RatioWidth;

        if (_Stop == 12)
        {
            _Timer.Stop();
            _Timer.Enabled = false;
            _Timer.Dispose();

            _Stop = 0;

            this.Height = _Height;
            this.Width  = _Width;
        }
    }

    public void resize(double _PassedHeight, double _PassedWidth)
    {
        _Height = _PassedHeight;
        _Width  = _PassedWidth;

        _Timer.Enabled = true;
        _Timer.Start();
    }

Resizes the window in 12 "ticks" very quickly, can be slowed down in _Timer.Interval. After 12 ticks will polish it off with a final resize to exact size.

Hope this helps someome.

Answer 3

you can use window animation for this here is xaml

<Window x:Class="dlgControls" Name="dlgControls"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="" Height="300" Width="300">

    <Window.Resources>
        <Storyboard x:Key="showWin">
            <DoubleAnimation Storyboard.TargetName="dlgControls" Storyboard.TargetProperty="Height" Duration="0:0:.5" To="300" BeginTime="0:0:1"/>
        </Storyboard>

        <Storyboard x:Key="hideWin">
            <DoubleAnimation Storyboard.TargetName="dlgControls" Storyboard.TargetProperty="Height" Duration="0:0:.5" To="150" BeginTime="0:0:1"/>
        </Storyboard>
    </Window.Resources>
    <Grid RenderTransformOrigin="0.5,0.5">
        <Button Name="btnOpen" Content="Open" HorizontalAlignment="Left" Margin="184,98,0,0" VerticalAlignment="Top" Width="75"/>
        <Button Name="btnClose" Content="Close" HorizontalAlignment="Left" Margin="184,222,0,0" VerticalAlignment="Top" Width="75"/>
    </Grid>

</Window>

to animation use code like this

Imports System.Windows.Media.Animation

Public Class dlgControls
    Dim showWin As Storyboard
    Dim hideWin As Storyboard

    Private Sub btnOpen_Click(sender As Object, e As Windows.RoutedEventArgs) Handles btnOpen.Click
        BeginStoryboard(showWin)
    End Sub

    Private Sub dlgControls_Loaded(sender As Object, e As Windows.RoutedEventArgs) Handles Me.Loaded
        showWin = Me.Resources("showWin")
        hideWin = Me.Resources("hideWin")
    End Sub

    Private Sub btnClose_Click(sender As Object, e As Windows.RoutedEventArgs) Handles btnClose.Click
        BeginStoryboard(hideWin)
    End Sub
End Class