2011年7月22日 星期五

Expression Blend(7)-設計以及套用Style

我們在設計Silverlight媒體撥放程式時,控制撥放、暫停的按鈕長的很醜,我們可以利用Style來客製化它的長像,例如以下步驟為Button設計Control Template,然後進行套用

  • 建立一個Silverlight專案
  • 加一個Button到XAML檔
  • 選取XAML上Button->右鍵->Edit Template-> Edit a Copy

image

  • 建立一個Style,放在外部資源檔

image

image

  • 將名稱設為MyButtonStyle

image

  • 在Objects and Timelines視窗,按SHIFT選取Grid下所有項目,按滑鼠右鍵,選刪除,清空Template中Grid下的所有Control

image

  • 雙擊工具箱上的Ellipse,加一個Ellipse到Grid
  • 設外框

image

  • 選Fill,設定填滿漸層色

image

  • 設計三角型,先加一個矩型(按SHIFT,使其變為正矩型)到Template,轉成Path

image

  • 用Direction Selection 選項,選取左上角的點

image

  • 按Delete鍵,刪除

image

  • 設Fill填顏色

image

  • 使用Selection Tool旋轉

image

  • 設定Stoke為喜歡的顏色

image

  • 回到XAML設計畫面

image

 

  • 執行程式,Silverlight應用程式中的Button便套用新的Style

image

沒有留言:

總網頁瀏覽量