UWP動畫漢堡圖標

我想在c＃UWP XAML項目中爲我的SplitView添加一個引人注目的動畫漢堡圖標。UWP動畫漢堡圖標

我知道有很多CSS動畫圖標（如here或here是[2,2]中的一個），但很少用於XAML。還有一個人，他將一些CSS移植到XAML動畫here。

我喜歡這個開發者在Windows Phone應用程序中做的非常好的動畫：Link to Store。

他是怎麼做到的？我該怎麼做？這是否僅僅是過度使用Storyboard？或者還有其他的技巧？由於它是一個面向Win8的應用程序（不是Win10），我不認爲它是由動畫GIF完成的。

2016-02-13 user3079834

假設您在頂部打開了一個Button並關閉了SplitView。現在將該按鈕更改爲ToggleButton。在ToggleButton和SplitView上創建所需的事件處理程序，以便切換將始終具有正確的值。窗格打開時顯示「已檢查」，窗格關閉時顯示「未檢查」。

現在

在Blend中打開頁面
右鍵點擊切換按鈕編輯Tamplate - >編輯複製
更改爲美國（纔去下一步更好地改變所有國家給你然後創建轉換）
查找正常並單擊 - > +添加轉場並選擇正常 - >檢查
在對象和時間線上選擇ContentPresenter
將黃線至0.500
在屬性去變換，然後選擇旋轉，並設置角度270（確保ContentPresenter被選中）
返回對象，並單擊時間軸中發揮檢查動畫。現在，您可以隨心所欲地播放和創建自己的動畫（旋轉部分只是一個示例）
構建項目並試用它！

我相信你從現在開始，從Checked創建 - >正常，你有你想要的。

來源

2016-02-13 15:22:42 Stamos

我看了一下。聽起來很有希望。但是''永遠不會觸發，但例如PointerOver的確如此。我哪裏做錯了？ – user3079834

我知道你的意思我有同樣的問題。我想和你一樣做。我試着只使用* trans，它的工作，但它也觸發PointerOver。當我正在尋找解決方案時，有人說要做兩個VisualStateGroups。一個用於CommonStates，一個用於Checkstates。我會嘗試它，並編輯我的答案，但有些事出來了，我在城外。 – Stamos

謝謝，我會試着用'VisualStateGroups'來檢查併發布並回答，何時（如果）我找到一個。 – user3079834

好的，在考慮@Stamos對他的回答的評論後，我發現這個link，實現了CurrentStateChanged事件。有人here顯示了一種實現Checked和Unchecked狀態的方法。

但是，最終的答案，我發現在telerik forum，其中一些真正的英雄有很多空閒時間。正是我在找什麼。

來源

2016-02-16 20:15:41 user3079834

我已經成功地實現了這種類型的動畫，使用XAML製作的一串Twink以及Blend。你可以看看here。

來源

2016-07-08 11:11:36

UWP動畫漢堡圖標

回答

相關問題