20個常用Expression Blend設計開發技巧

-CokeBox發表於2014-03-13

 

 

微軟Expression Blend是一款優秀的使用者介面設計工具,該工具可被用於Silverlight,WPF和Windows Phone 7應用UI設計,其內建SDK類庫包含大量程式碼幫助設計人員無需輸入任何後臺程式碼實現動態互動效果。如果您對Expression Blend還不熟悉,推薦閱讀以下幾本專業教程書籍:

Microsoft Expression Blend 4 Unleashed

Microsoft Expression Blend 4 Step by Step

Pro Expression Blend 4

另外推薦閱讀以下Expression Blend中文教程:

Expression Blend知識錦分享

Expression Blend例項中文教程系列

本文將彙總介紹20個常用Expression Blend設計開發技巧,希望能夠幫助大家提高設計和開發效率。

技巧1: 所有屬性視窗可被隱藏或顯示在設計介面
 


 

 

 

在實際專案設計中,設計人員可以隨時關閉或者隱藏各個屬性視窗,或者使屬性視窗浮動顯示在設計介面,這樣可以為主設計介面提供更大的檢視以及程式碼設計空間。
 

 

技巧2:  "Resource“屬性視窗 - 快捷訪問和修改模板樣式
 

 

Silverlight 專案模板樣式以及資源資訊都儲存在Styles.xaml檔案中,該檔案不支援檢視模式,只能通過程式碼模式進行修改。而在Blend設計平臺,可以通過”Resource“資源屬性視窗訪問和修改模板樣式或者資源資訊,不需要閱讀大量的Xaml程式碼,提高開發效率。

 

技巧3:  控制元件內部導航欄的使用
 

 

Expression Blend允許開發人員使用檢視模式編輯修改Silverlight/WPF/Windows Phone控制元件模板以及樣式,修改時Blend提供控制元件內部導航欄,設計人員可以輕鬆的跳轉到控制元件內部各個部件中,或者跳回到父控制元件或者其他控制元件模板。
 


 

技巧4: 筆刷工具欄和漸變效果工具欄
 


 

筆刷和漸變效果工具欄,允許設計人員在檢視模式下輕鬆新增和修改頁面以及控制元件樣式效果。

 

技巧5: 行為 - Behaviors


 

為了方便設計人員,Expression Blend提供一個”Behaviors“行為功能,無需設計人員編寫動態程式碼即可實現動態互動效果。
 

更多Behaviors行為中文教程,請訪問
 

 

技巧 6: F6快捷鍵實現頁面設計檢視和動畫設計檢視工作臺切換
 

根據個人經驗而言,F6快捷鍵非常實用,特別是在動畫效果較多的頁面設計時,會被頻繁使用。
 

 

技巧 7:  手性拖動工具實現檢視拖動效果
 

 

使用手性拖動工具,在設計檢視介面,點選某控制元件或者頁面按住不放進行拖動佈局擺放操作,使介面設計方便快捷。

 

技巧 8: 雙擊手性拖動工具,設計檢視視窗將自動將所選物件放置在視窗中心處
 

 

技巧 9: 專案資源快速搜尋
 

 

在工具欄中Assets中,提供快速搜尋功能,設計人員可以快速定位專案控制元件,樣式,行為等資源。
 


 

技巧 10:  ALT功能鍵允許重定位物件到佈局控制元件
 


 

在頁面中編輯控制元件位置時,選中需要拖動的控制元件物件,按著”ALT“功能鍵進行拖動,可以將控制元件物件移動到佈局控制元件內部。

相關文章