close

Step1: 這是內建的按鈕

clip_image002

Step2: 在主畫面繪製一個圓角矩形(步驟省略),並按右鑑,將物件變成控制項

image

Step3 樣式命名

因為我們是要作按鈕的樣式,所以選擇控制項的類型為Button

並為這個樣式命名ButtonStyle01。

image

Step4 刪除ContentPresenter

此時會進入到Template編輯畫面中,將左側物件與時間軸中的

ContentPresenter 刪除

image

並新增一個TextBlock

image

Step5 接下來要設定兩件事

          5-1是滑鼠的狀態(一般、滑過)

          5-2是TextBlock的來源設定。

Step5-1 設定滑鼠一般、滑過、按下屬性

切換到”狀態(S)視窗”,點選MouseOver,會出現錄製動作。我們可以展開時間軸,新增影格後,直接改變滑鼠的顏色!

 

image

image

Step5-2文字來源聯繫

點選TextBlock,在一般屬性面板中,點選進階選項

image

將”範本繫結”選擇Content(如果成功,他會變成Button的文字)。

另外可以再設定Foreground字型的大小顏色等屬性

image

Step6 回到主畫面

按鈕完成,可自行變更文字Content

image

Step7 按鈕如何套用新樣式:

從控制項拉出按鈕後按右鍵,選擇編輯範本>套用資源>新的樣式名稱

image

END: CheckBox的原理也差不多,我做了一個測試,還挺可愛的! ^_^

 

image

>>>範例檔下載

arrow
arrow
    全站熱搜

    缺小瑞 發表在 痞客邦 留言(0) 人氣()