前言
我們不論是在軟體或者WEB中經常會看到按鈕的多态情況，即按鈕的正常(Normal)、移入(Hover)、按下(Press)、失能(Disabled)四态，如下
如果在開發軟體的過程中沒有設計師幫你做圖示，就有些淡淡的憂桑了(Like me)，于是乎我就自己設計按鈕圖示了，好記性不如爛筆頭，寫下這一系列，希望對看到這篇文章的你有幫助，本系列原本的初衷是将Web\WPF\Android\IOS的都寫上，其中WPF涉及到自定義使用者控件，看時間吧，争取多寫。
PS版本
PS制作步驟
首先打開PS，
選擇“檔案\建立”
點選“确定”
記得将該工程儲存一下先
然後選擇“視圖\建立參考線”，這是為了放置圖層時位置的精準度
這裡我們建了4個參考線
然後建立圓角矩形
在畫布上任意位置點選，設定圓角矩形屬性
點選“确定”，此時畫布中出現圓角矩形
這裡圓角矩形預設填充色為白色，将其改為紅色，
輕按兩下白色方框
設定顔色後，點選“确定”，此時可以看到圓角矩形變為紅色
然後選擇“移動工具”，将圓角矩形移動到第一條參考線
由于咱們是四态圖，左到右依次為：Normal、Hover、Press、Disabled
複制3個該圓角矩形圖層，放置好位置
注意Disabled的填充為灰色RGB(96,96,96)
下面再往上添加一些自定義形狀工具(你也可以直接添加1234)
選擇右邊工具欄的自定義形狀工具
此時工具欄變為
選擇形狀裡的任意形狀，這裡我選擇其中一種（你随意選擇就可以了，隻是為了看出多态效果）
選擇完後，單擊畫布上的Normal區域，設定屬性如下
點選“确定”
用同樣的方法在Press和Disabled上建立25*25的圖示，在Hover上建立30*30的圖示，建立完後如下
你可能發現紅色三角形圖示不在中間，可以适當的右移微調一下。
接下來就行生成咱們用的PNG圖像了，首先隐藏背景
然後選擇“檔案\存儲為(A)..”
點選“儲存”，可能會出現如下對話框
按照預設，點選确定，此時就可以看到咱們儲存的背景透明的四态圖示了
完
下一節，用WPF設計自定義ImageButtoon控件，将這個四态圖示用上。