WPF如何用Trigger调用Page.Resources中的Storyboard动画

U_F_LT_U_IM_C_AT_K_E 2012-04-17 06:49:01

<Page.Resources>

        <Storyboard x:Name="graphAnimation">

            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="scrollViewerGraph">

                <SplineDoubleKeyFrame KeyTime="0:0:0.4" Value="0"/>

            </DoubleAnimationUsingKeyFrames>

            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(FrameworkElement.Height)" Storyboard.TargetName="scrollViewerGraph">

                <SplineDoubleKeyFrame KeyTime="0:0:0.4" Value="0"/>

            </DoubleAnimationUsingKeyFrames>

            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="scrollViewerDatasource">

                <DiscreteObjectKeyFrame KeyTime="0:0:0.4">

                    <DiscreteObjectKeyFrame.Value>

                        <Visibility>Visible</Visibility>

                    </DiscreteObjectKeyFrame.Value>

                </DiscreteObjectKeyFrame>

            </ObjectAnimationUsingKeyFrames>

        </Storyboard>

    </Page.Resources>

那么按钮的Trigger怎么写呢。
方式越多越好，这样方便学习。哈哈。

谢谢！

...全文

244 4 打赏收藏转发到动态举报

写回复

用AI写文章

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

小小红星闪啊闪 2012-04-18

打赏
举报

@bushiyundeyu可以帮忙看下，这样写出问题。

异常：在this.InitializeComponent();方法处报错：Failed to assign to property 'Windows.UI.Xaml.EventTrigger.RoutedEvent'. [Line: 43 Position: 47]

<Page

    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

    xmlns:local="using:Application2"

    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

    xmlns:Common="using:Application2.Common"

    x:Class="Application2.BlankPage"

    mc:Ignorable="d" RenderTransformOrigin="0.501999974250793,0.501999974250793">



    <Page.Resources>

        <Storyboard x:Name="graphAnimation">

            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="scrollViewerGraph">

                <SplineDoubleKeyFrame KeyTime="0:0:0.4" Value="0"/>

            </DoubleAnimationUsingKeyFrames>

            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(FrameworkElement.Height)" Storyboard.TargetName="scrollViewerGraph">

                <SplineDoubleKeyFrame KeyTime="0:0:0.4" Value="0"/>

            </DoubleAnimationUsingKeyFrames>

            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="scrollViewerDatasource">

                <DiscreteObjectKeyFrame KeyTime="0:0:0.4">

                    <DiscreteObjectKeyFrame.Value>

                        <Visibility>Visible</Visibility>

                    </DiscreteObjectKeyFrame.Value>

                </DiscreteObjectKeyFrame>

            </ObjectAnimationUsingKeyFrames>

        </Storyboard>

        <Storyboard x:Name="graphDisplayAni">

            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="scrollViewerGraph">

                <DiscreteObjectKeyFrame KeyTime="0:0:0.4">

                    <DiscreteObjectKeyFrame.Value>

                        <Visibility>Visible</Visibility>

                    </DiscreteObjectKeyFrame.Value>

                </DiscreteObjectKeyFrame>

            </ObjectAnimationUsingKeyFrames>

        </Storyboard>



    </Page.Resources>



    <Grid>

        <StackPanel HorizontalAlignment="Left" Height="53.5" VerticalAlignment="Top" Width="1366" Orientation="Horizontal" Background="#FF08127E">

            <Button Content="Graph" Height="54" VerticalAlignment="Top" Width="171">

                <Button.Triggers>

                    <EventTrigger RoutedEvent="Button.Click">

                        <EventTrigger.Actions>

                            <BeginStoryboard Storyboard="{StaticResource graphDisplayAni}" />

                        </EventTrigger.Actions>

                    </EventTrigger>

                </Button.Triggers>

            </Button>

            <Button Content="Datasource" Height="54" VerticalAlignment="Top" Width="180">

                <Button.Triggers>

                    <EventTrigger RoutedEvent="Button.Click">

                        <EventTrigger.Actions>

                            <BeginStoryboard Storyboard="{StaticResource graphAnimation}" />

                        </EventTrigger.Actions>

                    </EventTrigger>

                </Button.Triggers>

            </Button>

        </StackPanel>

        <ScrollViewer x:Name="scrollViewerGraph" HorizontalScrollBarVisibility="Auto"  HorizontalAlignment="Left" Height="340"  VerticalAlignment="Top" Margin="0,59,0,0" Background="{x:Null}" Visibility="Collapsed">

            <StackPanel x:Name="stackPanel" HorizontalAlignment="Left" Orientation="Horizontal">

                <Image Height="340" Width="340" Source="/Images/images (1).jpg"/>

                <Image Height="340" Width="340" Source="/Images/images (2).jpg"/>

                <Image Height="340" Width="340" Source="/Images/images (3).jpg"/>

                <Image Height="340" Width="340" Source="/Images/images (4).jpg"/>

                <Image Height="340" Width="340" Source="/Images/images (5).jpg"/>

                <Image Height="340" Width="340" Source="/Images/images (6).jpg"/>

                <Image Height="340" Width="340" Source="/Images/images (7).jpg"/>

                <Image Height="340" Width="340" Source="/Images/images (8).jpg"/>

                <Image Height="340" Width="340" Source="/Images/images.jpg"/>

            </StackPanel>

        </ScrollViewer>

        <ScrollViewer x:Name="scrollViewerDatasource" HorizontalScrollBarVisibility="Auto" Visibility="Collapsed"  HorizontalAlignment="Left" Height="340"  VerticalAlignment="Top" Margin="0,59,0,0" Background="{x:Null}">

            <StackPanel HorizontalAlignment="Left" Orientation="Horizontal">

                <Image Height="340" Width="340" Source="/Images/dimages (1).jpg"/>

                <Image Height="340" Width="340" Source="/Images/dimages (2).jpg"/>

                <Image Height="340" Width="340" Source="/Images/dimages (3).jpg"/>

                <Image Height="340" Width="340" Source="/Images/dimages (4).jpg"/>

                <Image Height="340" Width="340" Source="/Images/dimages (5).jpg"/>

                <Image Height="340" Width="340" Source="/Images/dimages (6).jpg"/>

                <Image Height="340" Width="340" Source="/Images/dimages (7).jpg"/>

                <Image Height="340" Width="340" Source="/Images/dimages (8).jpg"/>

                <Image Height="340" Width="340" Source="/Images/dimages.jpg"/>

            </StackPanel>

        </ScrollViewer>

    </Grid>

</Page>

小小红星闪啊闪 2012-04-18

打赏
举报

就是这个。谢谢。分数立马送上！

Architecture Net 2012-04-18

打赏
举报

需要指定 <Storyboard x:Name="graphAnimation" x:Key="grap">
的x:Key名称，然后在BeginStoryboard Storyboard="{StaticResource grap}" />

Architecture Net 2012-04-17

打赏
举报

<Storyboard x:Name="graphAnimation">
改成 <Storyboard x:Name="graphAnimation" x:Key="graph">

然后Button代码如下：
<Button Content="Button" Height="23" Name="button1" Width="75" >
<Button.Triggers>
<EventTrigger RoutedEvent="Button.Click">
<BeginStoryboard Storyboard="{StaticResource graph}" />
</EventTrigger>
</Button.Triggers>
</Button>