20個常用Expression Blend設計開發技巧
微軟Expression Blend是一款優秀的使用者介面設計工具,該工具可被用於Silverlight,WPF和Windows Phone 7應用UI設計,其內建SDK類庫包含大量程式碼幫助設計人員無需輸入任何後臺程式碼實現動態互動效果。如果您對Expression Blend還不熟悉,推薦閱讀以下幾本專業教程書籍:
Microsoft Expression Blend 4 Unleashed
Microsoft Expression Blend 4 Step by Step
另外推薦閱讀以下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功能鍵允許重定位物件到佈局控制元件
相關文章
- Expression BlendExpress
- 有關 Expression Blend 的常見問答薦Express
- 自由程式設計師的3個開發技巧程式設計師
- 程式常用的設計技巧
- 好程式設計師Java分享Java開發常用規範技巧一程式設計師Java
- 資料庫設計中的14個常用技巧資料庫
- 找到最完美Web開發程式設計師的5個技巧Web程式設計師
- 在Expression Blend中製作側面為梯形的類稜柱體Express
- Expression Blend例項中文教程(7) - 動畫基礎快速入門AnimationExpress動畫
- Android工程常用配置和開發技巧Android
- WEB程式設計開發常用的程式碼Web程式設計
- 技能篇:實際開發常用設計模式設計模式
- Web前端開發設計常用軟體工具Web前端
- JavaWeb開發技巧之裝飾器設計模式JavaWeb設計模式
- 程式設計師篇:8個開發技巧助你薪水更上一層樓程式設計師
- 【JavaScript】常用設計模式及程式設計技巧(ES6描述)JavaScript設計模式程式設計
- JavaScript 常用55個技巧JavaScript
- 成為開源程式設計高手的11個技巧程式設計
- 谷歌瀏覽器開發常用8大技巧谷歌瀏覽器
- Sivlerlight的開發工具 - VS2005還是Blend2?
- 21個UI設計必會的設計技巧UI
- Python程式設計進階,常用8大技巧!Python程式設計
- 函數語言程式設計中的常用技巧函數程式設計
- 50個工作中最常用excel技巧 excel常用技巧大全Excel
- 程式設計師必備:30個MySQL資料庫常用小技巧,值得收藏!程式設計師MySql資料庫
- 11個常用JS小小技巧JS
- iOS開發常用小技巧記錄(持續更新)iOS
- 【程式設計師乾貨】開發常用免費介面程式設計師
- 常用的Python程式設計開發工具有哪些?Python程式設計
- Swift程式設計的15個技巧Swift程式設計
- 好程式設計師Web前端教程分享JavaScript開發技巧程式設計師Web前端JavaScript
- 大型資料庫的設計原則與開發技巧資料庫
- 優秀網頁設計的10個設計技巧網頁
- 如果你是C開發人員請看這三個顯式程式設計技巧程式設計
- CSS開發過程中的20個快速提升技巧CSS
- Swift開發的幾個小技巧Swift
- 程式設計師應該知道的 13 個設計技巧程式設計師
- 程式設計師程式設計的10個實用技巧程式設計師