2012-05-07 68 views
0

我需要用戶從10個不同的圖像中進行選擇,我希望將這些圖像放置在某種動畫中。我在想創造這樣的:創建動畫以選擇圖像

enter image description here

注意,在示例圖像向右的最後形象滾動用戶放在開頭。

此外,我會喜歡動畫平滑,因爲如果我將圖像放在滾動查看器下,那麼動畫不平滑。

我應該將圖像放置在一個堆棧面板中,然後設置堆棧面板的頁邊空白屬性?或者也許我應該將這些圖像放在一個畫布中並分別爲每個圖像設置動畫效果?

+2

不知道在到達左邊緣或右邊緣時重新排序圖像會有多複雜,但除了[Surface SDK LibraryBar](http://msdn.microsoft.com/zh-cn/library /ff727821.aspx)提供了非常流暢的動畫。 – Clemens

回答

0

我會有一個堆疊面板,爲邊距設置動畫,然後將第一張圖像複製爲真正的最後一張圖像,該圖像將從屏幕開始並將「最後一張圖像」複製爲第一張圖像,然後您可以爲任一方向製作動畫。我不會使用滾動查看器。

以下是佈局的外觀。

5 [12345] 1。 B。

A是副本刷來源爲5,B爲源,以1

現在你可以動畫無論哪種方式,左右移動圖片,並移動保證金回來。

因此,用戶移動「正確」。

5 [12345] 1 動畫播放至 [51234] 51

變化A的源至4,B光源5,並返回解除控制油漆之前移動的實際圖像。 4 [51234] 5

如果你想要一個滾動條,我會做一個單獨的滾動條,將它綁定到邊界,添加一個轉換器來控制它。然後改爲執行下列操作。

12345 [12345] 12345

動畫滾動位置,並且當用戶釋放,重新排列的圖像,並返回滾動條的拇指到中心。這樣,您不必刪除或創建圖片。

提示:您可以在滾動條上使用轉換器並將其綁定到隨機變量,然後通過將圖像的堆棧中的「位置」「縮回」到位置來間接設置面板的邊距。