翻譯的地方可能有錯誤，歡迎你們指正。可是裏面每個程序都是親自測試過，並加了點本身的見解。html
我翻譯的是Expression.Blend.4.Step.by.Step，你們有疑問的能夠去看看英文原版。web
但願你們轉載的時候加上連接。3Q瀏覽器
http://www.cnblogs.com/WWLBapp
視覺元素編輯器
Blend支持向量和位圖圖形。你能夠畫一些簡單的或者複雜的路徑，使用內置的圖形，粘貼高質量圖片去你的項目中。當你爲你視覺應用拖放或者畫向量元素的同時，blend爲這些元素建立了XMAL標記語言的定義。Blend爲那些喜歡視覺工做的人提供了各類各樣的設計工具。工具
Blend工具面板有一個選擇對象可讓你選擇右邊的原色並放置到畫板上面。post
除了安排的面板和控件，你會在下面的章節學到更多。這個工具面板中選擇的是一些經常使用的向量工具。測試
■ 網站
Rectangle用於繪製正方形和直角、圓角矩形。spa
■
Ellipse用於繪製橢圓和者園。
■
Line用於繪製直線
■Pen用於給路徑定義節點
■ Pencil用於繪製直線，曲線，和簽名，鉛筆畫等隨意線條。
在工具欄有兩個元素可讓你選中、移動節點或者整個路徑或者改變一些圖形的屬性。
建立一個新的項目。
- 打開blend 4出現blend 4歡迎對話框，點擊新建項目打開新項目對話框。
- 歡迎對話框左邊通常有2個項目標籤：silverlight和wpf。在這個練習中咱們將建立一個silverlight項目。選中silverlight標籤若是沒有選中的話。
3.silverlight標籤包含如下項目選項：
❑Silverlight Application + Website 。與網站相關的一個項目，你能夠將它放置到一個web服務上。
❑Silverlight Application。一個能夠在silverlight運行檢查時的項目。在瀏覽器窗口的內部或者外部。
❑Silverlight Databound Application。一個用數據和命令綁定的項目去支持視圖（用戶界面）和視圖模型（用代碼協調與底層模型的視圖狀態）之間的鬆散耦合。
❑Silverlight Control Library。用於建立一個自定義的控件能夠在其餘silverlight項目中重複使用的項目。
❑Silverlight SketchFlow Application。這個選項容許你用一種很直觀的方式建立應用程序原型
- 點擊Silverlight Application + Website。輸入項目名稱CH3在NAME位置。其餘位置保持默認。
4.點擊OK。Blend建立了一個新項目。
使用基礎的圖形。
雖然你能夠在Expression Blend畫板手工話一些基本形狀，但一般插入基本形狀比手動繪畫更快，更準確。Expression Blend的工具面板提供了三種基本形狀工具：橢圓，矩形和線。它們共享相同的按鈕，但點擊在右下角的小三角按鈕，使全部的選項可見。
建立一些基礎的圖形。在工具欄點擊ellipse。在畫板上經過拖動你鼠標畫一個橢圓圖形。
在Objects And Timeline面板出現了你剛添加的元素，並處於選中。
3.在Properties面板。點擊箭頭展開layout類別（若是沒有展開）。屬性面板展開並顯示新添加的橢圓對象的屬性。你能夠作一些改動。
改變寬度爲100，高度爲150.你畫在畫板上的橢圓將根據你對寬度和高度的改變改變形狀。
5.在Properties面板找到Brushes類別。Ellipse有一個用默認純色畫刷的填充。
6.點擊顏色編輯器上面的Gradient brush標籤。Expression Blend爲你的橢圓適用一個基本梯度。在顏色編輯器和彩條下面，點擊的徑向
梯度按鈕開關從線性漸變填充徑向漸變樣式
7在Properties面板。在畫筆類別的底部，單擊顯示高級屬性圖標。該高級屬性顯示。設置GradientOrigin位置爲0.7和0.3。
點擊關閉高級屬性圖表關閉面板。
9.如今，你將爲每一個漸變設置中止顏色。單擊顏色條的右停靠，在顏色位置輸入十六進制的顏色值＃FF00B6BA，而後按鍵盤上的Enter。該對象的顏色發生變化。
10.點擊顏色調的左停靠。在顏色位置輸入十六進制值#FFBFFEFF，而後按Enter。你的對象改變次要顏色，和如今的對象具備三維外觀。
11.在Properties面板。在Brushes類別中選擇Stroke標籤。選擇No Brush子標籤。。如今沒有邊的橢圓（stroke），看起來更立體。
12.按Ctrl+ C複製氣圈，而後按Ctrl+ V將它粘貼到畫板。注意，這裏有另外一個Objects And Timeline面板。這氣圈是你剛粘貼對象。
13.在工具欄。點擊Selection工具按鈕。將剛粘貼的氣圈拖到畫板右邊低點的位置。
14.在Properties 面板上Layout類別中設置高度爲120.
15.接下來改變這個對象的每一個漸變中止。點擊顏色條的右中止。在color位置輸入十六進制值#FFFFE100。按Enter，對象的顏色改變
16.點擊顏色條租中止。在color位置輸入十六進制值#FFFFFFFF，按Enter。你將發現一個藍色和一個黃色的氣圈
繪製路徑
繪製自由形式的路徑。
1.在工具欄選擇pen工具。單擊畫板藍色氣球下方一點定位的第一個節點。向下移動
2.在工具欄，低級直接選擇按鈕。而後按住Alt鍵在鍵盤，當光標變爲轉換點的指針時點擊第二個節點。拖動向下和右邊拖動一點。光標變爲轉換部分的指針。
請注意你的線條具備了你使用的漸變屬性時建立了第二個氣球相同的畫筆保持你新畫的路徑選中狀態。點擊Properties 面板中Brushes 類別的Stroke標籤，而後點擊Solid畫刷標籤. 在顏色調旁邊的color位置輸入#FF4D4D4D，按ENTER
5.在Brushes類別，點擊Fill標籤，而後選擇No Brush子標籤。如今你的路徑只有一個stroke屬性。
6.在工具欄，點擊Selection按鈕。在對象旁邊出現了邊界框。將線條往上拖動，知道在氣泡下面出現一個紅色的虛線。紅色虛線表示，這兩個路徑都接觸。這是一個功能稱爲Snapping To Snaplines。Snapping在畫板上將每一個對象對齊時很是有用。
7.按Ctrl+ C複製路徑，而後按Ctrl+ V粘貼副本到畫板。移動第二個路徑到右邊，捕捉到的黃色氣球的底部。
在接下來的步驟，您將建立三角形擔任氣球尾巴。
8. 在工具欄，點擊Pen工具，你能夠經過畫他的幾何定點，從而建立一個小三角形。在畫板上點擊定義三角形頂點的第一個節點。
11..移動pen工具，在右下方，定義三角形右邊的第二個節點。
12..移動pen工具，在畫板左邊定義三角形的第三個節點。
13.移動到第一個節點，pen工具將變成一個小圈能夠關閉路徑。點擊第一個節點建立一個封閉路徑完成一個三角形。
廢話這麼多就是畫個三角形。
14.在Properties面板，點擊Brushes 類別的fill標籤，而後選擇Solid color畫刷標籤。在顏色條邊，在color位置輸入#FFFFE100，按enter，三角形填充爲黃色
15.在Brushes類別點擊Stroke，而後點擊No Brush標籤
16.點擊Selection工具，移動到三角形到黃色氣球下，直到出現紅色的虛線。
17.按Ctrl+C複製三角形。而後按Ctrl+V複製到畫板上。移動三角形去藍色氣球下。
18.在Brushes類別中，點擊Fill而後再color位置輸入#FF00B6BA。三角形的顏色變成藍色。
使用經常使用圖形
添加一個經常使用圖形
1．點擊Assets面板左邊的Shapes標籤。雙擊星星圖形。在你文件的左上方出現了一個星星。
3． 在工具面板。點擊Selection按鈕，在Properties面板找到Appearance類別。在InnerRadius位置輸入70%，在Opacity位置輸入70%
Layout面板，在寬度位置輸入30，在高度面板輸入30
5． 在Brushes類別，點擊Stroke。而後點擊No Brush標籤，星星就會沒有了邊緣色。在Brushes類別，點擊Fill，設置顏色爲白色。將星星移動到藍色氣球上。
6. 在Assets面板，雙擊雲狀圖形。在你文件左上方出現了一個新的對象。在Brushes類別，選擇Stroke，而後點擊Solid color畫刷。在color位置輸入#FF00B6BA，在Foreground位置輸入#FF00B6BA這些值分別設置邊框和標註形狀文本的顏色標註形狀。在畫板上將雲拖動到黃色的氣球右邊。
7.雙擊雲。在裏面輸入文字，而後點擊標註形狀之外位置退出文本編輯模式。
8. 在Objects And Timeline面板，選擇LayoutRoot
9. 在Properties面板，點擊Background屬性，而後點擊Gradient Brush標籤。
10. 點擊顏色條的黑色中止，在顏色位置輸入#FFA
按F5預覽。
使用控件
工具欄包含一些經常使用的控件，可是Assets面板的Controls標籤包含更多。
在blend中添加一個控件到文件中和添加其餘元素很類似。
添加一個控件到項目中。
1. 在工具欄，雙擊Button圖標，在文件的左上方出現了一個按鈕控件。
2. 從工具欄選擇Selection工具，在畫板上雙擊按鈕，輸入文字。點擊畫板上任何地方退出文本編輯模式。而後將按鈕拖動到雲狀圖形下面。
3. 在Assets面板，在Control組，雙擊Calendar去添加一個日曆控件。而後移動新的日曆控件在文件右下角
按F5預覽。