Windows Phone開發（35）：使用Express Blend繪圖 轉：http://blog.csdn.net/tcjiaan/article/details/7493010

上一節中我們簡單扯了一下繪圖指令，然而那也不是最簡單的繪圖法，今天，我再向大家推薦一種更好的繪圖方案——Express Blend工具的使用。

 

這個工具是隨SDK一起安裝的，也是免費的，相信大家都知道了，我想有朋友肯定還用過了，對的，那是一個非常強大的設計工具，甚至看起來比Flash還專業。

 

下面，我們簡單演練一下如何用這個工具來繪圖，至於具體的使用方法，大家參照協助文檔，多玩玩就會熟練了。

 

首先，啟動Express Blend工具，不用我說告訴你怎麼啟動了吧，如果你不會，建議去考一下電腦一級。

啟動後，在開始那個對話方塊中，切換到“項目”面板，然後點擊“建立項目”。

 

 

在彈出的建立對話方塊中，選擇WP應用程式，輸入相關參數，按確定，這個太簡單了，不用我教了，如所示。

 

注意，這個傢伙和VS是相通的，也就是說，VS建的項目用Blend可以開啟，用Blend建立的項目，用VS也可以開啟。

 

 

在工具箱中選擇“筆”工具，如所示。

 

然後，你就可以在頁面上“幹壞事”了，至於怎麼幹，看你的想象力了。

 

 

你想讓它有動畫效果嗎？

開啟“對象與時間軸”視窗，點擊上面的“建立...”

 

在彈出的對話方塊中輸入StoryBoard的名字。

 

選擇Path，接著在示範圖板上點擊插入主要畫面格。

 

 

在示範圖板上找到3秒鐘處，再插入一個主要畫面格，用“移動”工具在頁面中把剛才畫的圖形移到其它位置。

確保兩個並鍵幀上，Path的位置是不同的。

 

 

 

現在，你點擊播放按鈕，就能觀看動畫效果了。

 

 

怎麼樣，了不起吧。

這時候，按下F5，運行後你發現動畫不執行，不用急，因為我們還沒有觸發動畫，

切換到C#代碼視窗，為頁面的Loaded事件添加代碼即可。

[csharp] view plaincopyprint?

1.     public MainPage()  
2.     {  
3.         InitializeComponent();  
4.   
5. his.Loaded += (sender, e) =>         {  
6. this.MyStoryBrd.Begin();  
7. ;  
8.     }  

現在，你運行一下，就看到動畫了。

 

好的，切換到XAML視圖，你會看到，工具已為我們產生了XAML代碼了。

 

 

好了，閑話聊到這裡，Blend工具很強大，這隻是示範了其中一點點功能而已。