积极答复者
请问这种按钮动画应该怎样实现呢

问题
答案
-
大致上像這樣。
<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
全部回复
-
大致上像這樣。
<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
-
大致上像這樣。
<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>
在現實生活中,你和誰在一起的確很重要,甚至能改變你的成長軌跡,決定你的人生成敗。 和什麼樣的人在一起,就會有什麼樣的人生。 和勤奮的人在一起,你不會懶惰; 和積極的人在一起,你不會消沈; 與智者同行,你會不同凡響; 與高人為伍,你能登上巔峰。
-
動畫觀念可以從微軟官方文件開始學起。
基本上 Blend 會是你做動畫的好幫手,可以視覺化做出動畫效果。
使用 Blend for Visual Studio 创建 UI 中的 在 XAML 设计器中动态显示对象
在現實生活中,你和誰在一起的確很重要,甚至能改變你的成長軌跡,決定你的人生成敗。 和什麼樣的人在一起,就會有什麼樣的人生。 和勤奮的人在一起,你不會懶惰; 和積極的人在一起,你不會消沈; 與智者同行,你會不同凡響; 與高人為伍,你能登上巔峰。