CODEWITHSUNDEEP
c#wpfxaml
saeid ezzati
saeid ezzati

Reputation: 891

how declare a storyboard in xaml and run it from code

I want to increase current window height when click on button.

I use this code:

private void sendbtn_Click(object sender, RoutedEventArgs e)
        {
            DoubleAnimation myDoubleAnimation = new DoubleAnimation();
            myDoubleAnimation.From = this.Height;
            myDoubleAnimation.To = 500;
            myDoubleAnimation.Duration = new Duration(TimeSpan.FromSeconds(0.5));

            Storyboard myStoryboard = new Storyboard();
            myStoryboard.Children.Add(myDoubleAnimation);
            Storyboard.SetTargetName(myDoubleAnimation, this.Name);
            Storyboard.SetTargetProperty(myDoubleAnimation, new PropertyPath(Window.HeightProperty));

            myStoryboard.Begin(this); 
        }

but I want declare my storyboard in xaml and run it from code.

but I dont know how do this ??

Upvotes: 4

Views: 7660

Answers (3)

Eli Arbel
Eli Arbel

Reputation: 22739

You can put it in a resource dictionary and reference it from code. Alternatively, you could use an event trigger to start the Storyboard in XAML:

<UserControl.Resources>
    <Storyboard x:Key="TheStoryboard">
        <DoubleAnimation Storyboard.TargetProperty="Height"
                         To="500" Duration="0:0:0.5"
                         Storyboard.TargetName="X" /> <!-- no need to specify From -->
    </Storyboard>
</UserControl.Resources>

To start from code:

((Storyboard)this.Resources["TheStoryboard"]).Begin(this);

To start from XAML:

<UserControl.Triggers>
    <EventTrigger RoutedEvent="ButtonBase.Click" SourceName="TheButton">
        <BeginStoryboard Storyboard="{StaticResource TheStoryboard}"/>
    </EventTrigger>
</UserControl.Triggers>

Where the button is assigned the name:

 <Button Name="TheButton" Content="Start" />

Upvotes: 11

Manuel Marini
Manuel Marini

Reputation: 1

Storyboard sb = (Storyboard)btnPause.FindResource("PauseStoryboard");
//to start
sb.Begin(btnPause, true);
//to stop
sb.Stop(btnPause);

<Button x:Name="btnPause" Width="28" Background="LightCyan" Click="btnPause_Click">
    <Image Source="Images\pause.png"></Image>
    <Button.Resources>
        <Storyboard x:Key="PauseStoryboard">
            <ColorAnimation  To="Yellow" Storyboard.TargetProperty="(Button.Background).(SolidColorBrush.Color)" Duration="0:0:1" RepeatBehavior="Forever" AutoReverse="True"/>
        </Storyboard>
    </Button.Resources>
</Button>

Upvotes: 0

Patrick Hofman
Patrick Hofman

Reputation: 156978

  1. Declare the storyboard as resource in your Window.

  2. Give it a key.

    <Window.Resources>
    <Storyboard x:Key="test">
         ...
    </Storyboard>
</Window.Resources>

  3. Find the resource:

    Storyboard sb = this.FindResource("test") as Storyboard;

  4. Use it:

    sb.Begin();

Upvotes: 5

Related Questions