none
请问这种按钮动画应该怎样实现呢 RRS feed

  • 问题

  • 我希望能够做一个按钮动画,在鼠标移入一个按钮时,他的文字一个一个从上往下滑动,最后显示在中间

    请查看 Nina   这个链接地址下的nina效果。

    2018年4月23日 7:47

答案

  • 大致上像這樣。

            <Button Width="120" Height="48"  >
                <Button.Resources >
                    <Style TargetType="Button">
                        <Style.Triggers>
                            <Trigger Property="UIElement.IsMouseOver" Value="True">
                                <Trigger.EnterActions>
                                    <BeginStoryboard>
                                        <Storyboard>
                                            <Storyboard>
                                                <DoubleAnimation                                               
                                                    Storyboard.TargetProperty="(Button.Content).(UIElement.RenderTransform).(TransformGroup.Children)[0].Y"
                                                    From="-20"
                                                    To="0"
                                                    Duration="0:0:0.5"
                                                    />
                                            </Storyboard>
                                        </Storyboard>
                                    </BeginStoryboard>
                                </Trigger.EnterActions>
                                <Trigger.ExitActions>
                                    <BeginStoryboard>
                                        <Storyboard>
                                            <DoubleAnimation                                                
                                                    Storyboard.TargetProperty="(Button.Content).(UIElement.RenderTransform).(TransformGroup.Children)[0].Y"
                                                    From="20"
                                                    To="0"
                                                    Duration="0:0:0.5"/>
                                        </Storyboard>
                                    </BeginStoryboard>
                                </Trigger.ExitActions>
                            </Trigger>
                        </Style.Triggers>
                    </Style>
                </Button.Resources>
                <Button.Content >
                    <TextBlock Text="Test"  x:Name="content">
                        <TextBlock.RenderTransform >
                            <TransformGroup>
                                <TranslateTransform />
                            </TransformGroup>
                        </TextBlock.RenderTransform>
                    </TextBlock>
                </Button.Content>
            </Button>
     


    在現實生活中,你和誰在一起的確很重要,甚至能改變你的成長軌跡,決定你的人生成敗。 和什麼樣的人在一起,就會有什麼樣的人生。 和勤奮的人在一起,你不會懶惰; 和積極的人在一起,你不會消沈; 與智者同行,你會不同凡響; 與高人為伍,你能登上巔峰。

    • 已标记为答案 彭123 2018年4月24日 5:53
    2018年4月23日 15:59

全部回复

  • 大致上像這樣。

            <Button Width="120" Height="48"  >
                <Button.Resources >
                    <Style TargetType="Button">
                        <Style.Triggers>
                            <Trigger Property="UIElement.IsMouseOver" Value="True">
                                <Trigger.EnterActions>
                                    <BeginStoryboard>
                                        <Storyboard>
                                            <Storyboard>
                                                <DoubleAnimation                                               
                                                    Storyboard.TargetProperty="(Button.Content).(UIElement.RenderTransform).(TransformGroup.Children)[0].Y"
                                                    From="-20"
                                                    To="0"
                                                    Duration="0:0:0.5"
                                                    />
                                            </Storyboard>
                                        </Storyboard>
                                    </BeginStoryboard>
                                </Trigger.EnterActions>
                                <Trigger.ExitActions>
                                    <BeginStoryboard>
                                        <Storyboard>
                                            <DoubleAnimation                                                
                                                    Storyboard.TargetProperty="(Button.Content).(UIElement.RenderTransform).(TransformGroup.Children)[0].Y"
                                                    From="20"
                                                    To="0"
                                                    Duration="0:0:0.5"/>
                                        </Storyboard>
                                    </BeginStoryboard>
                                </Trigger.ExitActions>
                            </Trigger>
                        </Style.Triggers>
                    </Style>
                </Button.Resources>
                <Button.Content >
                    <TextBlock Text="Test"  x:Name="content">
                        <TextBlock.RenderTransform >
                            <TransformGroup>
                                <TranslateTransform />
                            </TransformGroup>
                        </TextBlock.RenderTransform>
                    </TextBlock>
                </Button.Content>
            </Button>
     


    在現實生活中,你和誰在一起的確很重要,甚至能改變你的成長軌跡,決定你的人生成敗。 和什麼樣的人在一起,就會有什麼樣的人生。 和勤奮的人在一起,你不會懶惰; 和積極的人在一起,你不會消沈; 與智者同行,你會不同凡響; 與高人為伍,你能登上巔峰。

    • 已标记为答案 彭123 2018年4月24日 5:53
    2018年4月23日 15:59
  • 大致上像這樣。

            <Button Width="120" Height="48"  >
                <Button.Resources >
                    <Style TargetType="Button">
                        <Style.Triggers>
                            <Trigger Property="UIElement.IsMouseOver" Value="True">
                                <Trigger.EnterActions>
                                    <BeginStoryboard>
                                        <Storyboard>
                                            <Storyboard>
                                                <DoubleAnimation                                               
                                                    Storyboard.TargetProperty="(Button.Content).(UIElement.RenderTransform).(TransformGroup.Children)[0].Y"
                                                    From="-20"
                                                    To="0"
                                                    Duration="0:0:0.5"
                                                    />
                                            </Storyboard>
                                        </Storyboard>
                                    </BeginStoryboard>
                                </Trigger.EnterActions>
                                <Trigger.ExitActions>
                                    <BeginStoryboard>
                                        <Storyboard>
                                            <DoubleAnimation                                                
                                                    Storyboard.TargetProperty="(Button.Content).(UIElement.RenderTransform).(TransformGroup.Children)[0].Y"
                                                    From="20"
                                                    To="0"
                                                    Duration="0:0:0.5"/>
                                        </Storyboard>
                                    </BeginStoryboard>
                                </Trigger.ExitActions>
                            </Trigger>
                        </Style.Triggers>
                    </Style>
                </Button.Resources>
                <Button.Content >
                    <TextBlock Text="Test"  x:Name="content">
                        <TextBlock.RenderTransform >
                            <TransformGroup>
                                <TranslateTransform />
                            </TransformGroup>
                        </TextBlock.RenderTransform>
                    </TextBlock>
                </Button.Content>
            </Button>
     


    在現實生活中,你和誰在一起的確很重要,甚至能改變你的成長軌跡,決定你的人生成敗。 和什麼樣的人在一起,就會有什麼樣的人生。 和勤奮的人在一起,你不會懶惰; 和積極的人在一起,你不會消沈; 與智者同行,你會不同凡響; 與高人為伍,你能登上巔峰。

         请问什么地方有那种一个一个文字掉下来那种动画的教程啊。
    2018年4月24日 3:28
  • 动画概述

    動畫觀念可以從微軟官方文件開始學起。

    基本上 Blend 會是你做動畫的好幫手,可以視覺化做出動畫效果。

    使用 Blend for Visual Studio 创建 UI 中的 在 XAML 设计器中动态显示对象


    在現實生活中,你和誰在一起的確很重要,甚至能改變你的成長軌跡,決定你的人生成敗。 和什麼樣的人在一起,就會有什麼樣的人生。 和勤奮的人在一起,你不會懶惰; 和積極的人在一起,你不會消沈; 與智者同行,你會不同凡響; 與高人為伍,你能登上巔峰。

    2018年4月24日 4:00