前面我們畫了一只會飛動的小鳥，今天我們在目標是一個會發光的太陽。本章節的動畫雖然簡單，但是實現的效果可是一點也不打折。

開始我們今天的陽光燦爛。大家覺的好的幫忙推薦下，謝謝了。不懂的隨時歡迎提問。

很多人都說自己美工不行，做不出來，其實你自己做了就會發現不是那么難，我的配色方案都給出了，自己試一下挺簡單的。

我們的目標是沒有代碼，偶也！

1.在part文件夾中新建一個usercontrol，命名為sun。

2.在最外面的布局grid上面右擊，將grid轉變為canvas。

3.選擇橢圓工具，按住shift鍵畫一個圓。使用漸變填充（徑向漸變）。（0%出顏色#FFF6EB08，42.7%處顏色#FFFAEF0C，84.7%處顏色#FFFAAD0A）

4.選擇漸變方向工具，對圓的漸變調整。適當調整位置。

5.添加陰影效果。在effect后面點擊NEW新建。按照下圖設置屬性。

6.為stroke選擇純色畫刷。

7.選擇鋼筆工具，繪制太陽的光芒。用鋼筆工具繪制路徑，使用線性漸變填充。去掉stroke。

8.使用選擇工具，選中路徑，出現邊框以后將中間的點拉到圓心

9.調整好以后復制路徑17次。然后選擇路徑的angle屬性，每個路徑增加20.17個路徑都設置后正好將圓圍城一個圈。

10.將18條路徑選中，右擊合并路徑。

11.選擇漸變工具，設置漸變方向，并將線性漸變改為徑向漸變。

我設置的漸變數據，參考下。

12.在此使用鋼筆工具畫一個比剛才路徑大點的路徑。步驟與上一個路徑相同。畫路徑，設置漸變畫刷，漸變方式改為線性漸變，使用漸變工具調整位置。（將我們前一個完成的路徑隱藏）

13.然后開始重復第8-10步的步驟，做成如下形狀。

14.將路徑的線性漸變改為徑向漸變。然后使用漸變工具，調整漸變。

我用的漸變值

15.轉動第二個路徑，調整位置形成以下形狀。

16.基本工作完成后，開始我們的動畫。今天的動畫是stroybroad.新建stroybroad，命名為movesun。

17.按F6進入動畫模式。

18.選中第一個路徑，然后再屬性面板的transform類別中設置如下圖屬性（只要設置projection中的z的值為180就好了）

19.選中第二個路徑，然后重復18的步驟。

20.你現在可以按播放鍵預覽以下了，是不是有陽光閃動的感覺了。

21.選中movesun，在右邊的屬性面板中設置repeatbehavior屬性為forever。

21.最后一步，讓動畫執行。在projects中打開sun.xaml.cs文件，加一句代碼，讓動畫執行。

22.完工，修改APP中的執行文件查看下效果吧，是不是很帥了，陽光燦爛……

好了本章結束了，謝謝大家的支持，期待下回合吧。

說明：本文出處：http://www.cnblogs.com/WWLB/archive/2011/05/05/2037110.html? 非常感謝

轉載于:https://www.cnblogs.com/zxbzl/archive/2013/03/02/2940410.html

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的silverlight，WPF动画终极攻略之阳光灿烂篇（Blend 4开发）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。