c# - 创建动画以选择图像

Question

我需要用户从 10 个不同的图像中进行选择，并且我希望将这些图像放置在某种动画中。我正在考虑创建类似的东西：

请注意，在示例图像中，用户向右滚动，最后一张图像放在开头。

我也希望动画流畅，因为如果我将图像放在滚动查看器下，那么动画就不流畅了。

我应该将图像放在堆栈面板中，然后为堆栈面板边距左侧属性设置动画吗？或者也许我应该将图像放在画布中并单独为每个图像设置动画？

Answer 1

我会有一个堆栈面板，为边距设置动画，然后将第一个图像复制为真正的最后一个图像，该图像将从屏幕开始，并将“最后一个图像”复制为第一个，然后您可以为任一方向设置动画。我不会使用滚动查看器。

这是布局的外观。

5[12345]1。A[12345]B。

A是复制画笔来源为5，B是来源为1。

现在您可以以任何一种方式制作动画，移动图像，然后将边距向后移动。

因此，用户“向右”移动。

5[12345]1 动画到 [51234]51

将 A 的源更改为 4，B 的源更改为 5，然后将实际图像移回，然后再释放控制以进行绘制。4[51234]5

如果你想要一个滚动条，我会制作一个单独的滚动条，将它绑定到边距，添加一个转换器来控制它。然后改为执行以下操作。

12345[12345]12345

动画滚动位置，当用户释放时，重新排列图像并将滚动条拇指返回到中心。这样，您就不必删除或创建图片。

提示：您可以在滚动条上使用转换器并将其绑定到随机变量，然后通过将拇指的位置“捕捉”到图像堆栈中的“位置”来间接为面板的边距设置动画。