WPF獲得PNG圖片外觀Path數據

       WPF開發界面的時候,用的最多的就是自定義控件模板,開發人員需要根據UI的設計,做出符合要求的自定義控件。但是在一些特殊情況下,UI的設計可能是不規則形狀,要做像圖①這樣一個不規則形狀按鈕,就需要PS和Blend配合了。

注:PS版本爲CS6;Blend是安裝VS2013時自帶版本。

 圖①

下面詳細介紹如何獲得Path數據:

1、打開PNG圖片的psd源文件,長按Ctrl鍵,並點擊右下角 圖層,如圖②,此時已經選中選區

 圖②

2、切換到「路徑」菜單,然後點擊「從選區生成工作路徑」圖標,如圖③

 圖③

3、返回「圖層」菜單,點擊「添加矢量蒙版」圖標,如圖④

 圖④

4、選擇「屬性」菜單,點擊「添加矢量蒙版」圖標,如圖⑤

 圖⑤

5、在PS的工作就完成了,如圖⑥

 圖⑥

6、將製作完成的文件另存爲「.psd」格式

7、打開Blend並新建項目,導入保存的psd文件,如圖⑦

 圖⑦

8、導入成功後點擊「查看源」按鈕,就可以得到path的data,Clip的值就是我們需要的數據,如圖⑧

 圖⑧


如果要做按鈕的話,就可以寫一個樣式資源,這樣就可以在項目中調用這個樣式了。如何自定義按鈕模板可以參考我之前寫的「WPF模仿QQ登錄按鈕」(http://blog.csdn.net/dh164645822/article/details/46698575)文章。



********WPF XAML技術交流羣:477319939********


參考文章:http://www.cnblogs.com/sshoub/archive/2012/09/12/2681396.html