我需要为水平堆栈面板内的按钮设置动画,以便滑入屏幕中心。
<Grid Grid.Row="1" Grid.ColumnSpan="3">
<ScrollViewer VerticalScrollBarVisibility="Disabled" HorizontalScrollBarVisibility="Hidden">
<StackPanel Orientation="Horizontal">
<Button Name="Button1" Content="Button 1" />
<Button Name="Button2" Content="Button 2" />
<Button Name="Button3" Content="Button 3" />
</StackPanel>
</ScrollViewer>
</Grid>
我知道我需要使用故事板进行动画制作。我没有经常使用故事板,因此我对它并不擅长。
我需要使用类似以下的内容 -
<Button.RenderTransform>
<TranslateTransform x:Name="translateTransform" X="500" />
</Button.RenderTransform>
然后将一些故事板动画应用到它。
但故事板动画代码会是什么样的?
<DoubleAnimation Storyboard.TargetName="translateTransform"
Storyboard.TargetProperty="X"
From="500" To="0" Duration="0:0:1"/>
上面的代码会将一个按钮从一个位置滑动到另一个位置。
但我需要一个更通用的解决方案,它适用于堆叠面板内的所有按钮/控件,以便所有按钮滑动到屏幕中心。
非常感谢所有帮助!