天天看點

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

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

<a href="http://www.silverlightchina.net/html/download/books/2011/0418/7004.html" target="_blank">Microsoft Expression Blend 4 Unleashed</a>

<a href="http://www.silverlightchina.net/html/download/books/2011/0324/6357.html" target="_blank">Microsoft Expression Blend 4 Step by Step</a>

<a href="http://www.silverlightchina.net/html/zhuantixilie/getstart/2010/0409/978.html" target="_blank">Pro Expression Blend 4</a>

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

<a href="http://www.silverlightchina.net/html/download/books/2011/0321/6236.html" target="_blank">Expression Blend知識錦分享</a>

<a href="http://www.silverlightchina.net/html/zhuantixilie/getstart/2010/0409/978.html" target="_blank">Expression Blend執行個體中文教程系列</a>

本文将彙總介紹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“行為功能,無需設計人員編寫動态代碼即可實作動态互動效果。

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

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

技巧 7:  手性拖動工具實作視圖拖動效果

使用手性拖動工具,在設計視圖界面,點選某控件或者頁面按住不放進行拖動布局擺放操作,使界面設計友善快捷。

技巧 8: 輕按兩下手性拖動工具,設計視圖視窗将自動将所選對象放置在視窗中心處

技巧 9: 項目資源快速搜尋

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

技巧 10:  ALT功能鍵允許重定位對象到布局控件

在頁面中編輯控件位置時,選中需要拖動的控件對象,按着”ALT“功能鍵進行拖動,可以将控件對象移動到布局控件内部。

今天暫時介紹10個常用設計開發技巧,如果你在設計時遇到問題,歡迎留言一起讨論學習。

歡迎大家加入“專注Silverlight”QQ技術群,歡迎大家加入一起學習讨論Silverlight&amp;WPF&amp;Widnows 

Phone開發技術。 

22308706(一群) 超級群500人 

37891947(二群) 超級群500人 

100844510(三群) 進階群200人 

32679922(四群) 超級群500人 

23413513(五群) 進階群200人 

32679955(六群) 超級群500人 

61267622(七群) 超級群500人 

88585140(八群) 超級群500人 

128043302(九群 企業應用開發推薦群) 進階群200人 

101364438(十群) 超級群500人 

68435160(十一群 企業應用開發推薦群)超級群500人

繼續閱讀