WPF获得PNG图片外观Path数据

原文: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