Windows Phone開發(35):使用Express Blend繪圖

來源:互聯網
上載者:User

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

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

 

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

 

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

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

 

 

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

 

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

 

 

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

 

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

 

 

你想讓它有動畫效果嗎?

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

 

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

 

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

 

 

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

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

 

 

 

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

 

 

怎麼樣,了不起吧。

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

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

        public MainPage()        {            InitializeComponent();this.Loaded += (sender, e) =>{this.MyStoryBrd.Begin();};        }

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

 

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

 

 

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

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.