Expression Blend實例中文教程(1) - 開篇

 

隨着計算機軟件開發分工細節化，微軟對已有的產品線進行了調整，在保持原有經典開發工具Visual Studio基礎上，又推出了一套新的設計開發工具系列，Expression Studio。 Expression Studio設計工具系列包含四項主要產品：

 

• Expression Blend

         Expression Blend（下稱Blend），是一款用於設計桌面和Web應用用戶界面的可視化工具。用戶能夠經過拖拉控件方式建立用戶交互界面；另外Blend中，包含一款軟件原型建模工具SketchFlow， 該工具容許用戶快速開發出專業的項目原型，建立設計原型後，以豐富的界面效果展現給客戶，該工具將在後文詳細講述。

• Expression Design

         Expression Design（下稱Design），是一款專業的圖形圖像設計編輯工具，主要是爲項目美工設計人員準備，若是你對Photoshop，Fireworks或者Illustrator熟悉，能夠把Design看作同類產品，其中使用原理大部分都是相同的，而Design的優點是能夠和Blend完美無縫結合，建立圖形後，能夠直接轉換成爲XAML，供Blend調用，因爲本系列教程是講述 Blend，這裏就再也不對Design過多描述，在後文用到時，咱們將詳細講述。

• Expression Encoder

         Expression Encoder（下稱Encoder）是一款專業的視頻編輯工具，開發人員可使用該工具編輯視頻項目，併發布到Web服務器，Silverlight項目能夠在應用中進行高質量播放調用。 因爲本系列教程是講述 Blend，這裏就再也不對Encoder過多描述，在後文用到時，咱們將詳細講述。

• Expression Web 

         Expression Web（下稱Web），是一款專業的Web頁面設計工具。若是您對Dreamweaver熟悉，能夠把Web看作同類產品。Web容許開發人員經過即見即所得的模式，設計和開發符合Web標準的網站。因爲本系列教程是講述 Blend，這裏就再也不對Web過多描述，在後文用到時，咱們將詳細講述。

既然本系列文章講述Blend，我想咱們應該多瞭解一些Blend方面的知識。咱們一直在說Blend強大，具體它強大在哪裏呢？

 

 首先做爲交互性設計工具，Blend解決了傳統開發中開發人員和設計人員配合不容易協調的瓶頸。不管是桌面應用仍是Web應用，愈來愈注重用戶體驗性，而程序代碼設計和美工設計也逐漸被細分化，而二者在項目中的配合是相當重要的，相信有很多開發人員都有過相同的經歷和感觸，程序開發人員和美工設計人員一遍又一遍的修改框架但願可以達到完美匹配。Blend正是針對該問題推出了一系列的解決方案，例如，在Blend中編輯Silverlight或WPF項目UI代碼的同時，也會直接綁定到Visual Studio中，實現雙向修改代碼功能； 在Blend中，能夠快速導入PhotoShop圖形和Illustrator矢量圖，方便項目UI設計。 

 其次，Blend是一款通用的設計工具，支持設計跨平臺跨瀏覽器的Silverlight和WPF應用項目，爲了簡化設計人員的工做量，Blend支持一個簡單的可重複利用的元素叫作行爲（Behaviors），設計人員能夠直接應用不一樣的行爲到項目中，無需編寫任何代碼，例如，能夠直接應用拖拉行爲到項目，讓項目支持拖拽控件。 在微軟Expression官方網站，有大量的行爲（Behaviors）代碼下載，無償使用。

 

 最後是快捷方便的設計方式，以及軟件項目原型設計工具SketchFlow。 在Silverlight中 , VisualStateManager的編輯是很複雜的，若是僅靠Visual Studio進行代碼編輯，是很是浪費時間和精力的事情，若是使用Blend進行編輯，會大大的提升效率。 另外，使用Blend進行控件的樣式和模板設計也是很是方便的，咱們將在後文詳細描述。 值得一提的是SketchFlow，該項目是如今爲數很少的優秀建模工具之一。使用該工具，開發人員能夠快速的創建項目原型，以Silverlight的方式展現給客戶或者項目團隊成員，咱們將在後文詳細描述。

經過以上的描述，咱們能夠清楚明白，從事Silverlight和WPF項目開發，Blend是必不可少的設計工具，學會了Blend會在開發過程當中達到事半功倍的效果。 也正式以上的緣由，纔會有了本系列文章教程，本系列教程旨在爲了讓更多的開發人員瞭解和學習Expression Blend的使用，但願可以讓更多的開發人員加入到Silverlight和WPF開發行列。