在VS2010+C#+WPF 開發項目過程中涉及到界面的布局與設計,網上有人講采用Expression Design 4與Expression Blend 4工具相當友善,
于是決定試看看,下面将這個過程與大家分享。
盡管程式員可以使用VS編寫XAML代碼的方式來構造使用者界面,但是對于有設計愛好的使用者來說,使用類似Photoshop一樣的Expression套件能将
軟體美工最大化。設計過程是先使用了Expression Design來設計圖形,然後将其導入到Expression Blend中進行布局處理。
Expression Design 是一個專業的圖表和圖形設計工具。該工具提供了矢量圖形的繪制能力,強大之處可以像PhotoShop一樣設計好使用者界面或是所需要量的圖形,
使用其導出功能導出為XAML資源或代碼。
若是Expression Design 4與Expression Blend 4要一起安裝,那麼請參考本文第二大點中講到的步驟;
若是隻是想安裝Expression Design4,那麼通過下面的方法;
首先進入微軟(中國)下載下傳中心,搜尋expression design,在搜尋的結果中選擇Expression Web 4下載下傳,得到的安裝包大概有二百多M。
然後運作安裝包進行安裝,安裝時選擇第二項Expression Design 4。
安裝完成後,程式菜單中就會出現Microsoft Expression組,其中就有Microsoft Expression Design 4了。
主界面如下:
Expression Blend(下稱Blend),是一款用于設計桌面和Web應用使用者界面的可視化工具。使用者可以通過拖拉控件方式建立使用者互動界面;另外Blend中,包含一款軟體原型模組化工具SketchFlow, 該工具允許使用者快速開發出專業的項目原型,建立設計原型後,以豐富的界面效果展示給客戶,該工具将在後文詳細講述。
與Expression Design 一樣,它是從微軟(中國)下載下傳中心下載下傳。
下地位址: http://www.microsoft.com/zh-cn/download/details.aspx?id=5915
得到的安裝 ExpressionStudio_UltimateTrial_zh-Hans.exe 檔案有300多M,
這麼大是因為它将四種元件都包含進來了,有:
大家可以看到通過它也可以安裝Expression Design 4。
因為我們隻用Expression Blend 4是以隻勾選第二項。
安裝成功後的主界面: