创建动画以选择图像

Question

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

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

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

我应该将图像放在堆叠面板中，然后为stackpanel margin margin属性设置动画吗？或者我应该将图像放在画布中并单独为每个图像制作动画？

Answer 1

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

以下是布局的外观。

5 [12345] 1。 A [12345]乙

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

现在，您可以设置任意方式的动画，移动图像，然后移回边距。

因此，用户“正确”。

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

将A的源更改为4，B源5，并在释放控件进行绘制之前将实际图像移回。 4 [51234] 5

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

12345 [12345] 12345

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

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