WPF获得PNG图片外观Path数据

原文:WPF获得PNG图片外观Path数据

       WPF开发界面的时候,用的最多的就是自定义控件模板,开发人员需要根据UI的设计,做出符合要求的自定义控件。但是在一些特殊情况下,UI的设计可能是不规则形状,要做像图①这样一个不规则形状按钮,就需要PS和Blend配合了。

注:PS版本为CS6;Blend是安装VS2013时自带版本。

WPF获得PNG图片外观Path数据 图①

下面详细介绍如何获得Path数据:

1、打开PNG图片的psd源文件,长按Ctrl键,并点击右下角 图层,如图②,此时已经选中选区

WPF获得PNG图片外观Path数据 图②

2、切换到“路径”菜单,然后点击“从选区生成工作路径”图标,如图③

WPF获得PNG图片外观Path数据 图③

3、返回“图层”菜单,点击“添加矢量蒙版”图标,如图④

WPF获得PNG图片外观Path数据 图④

4、选择“属性”菜单,点击“添加矢量蒙版”图标,如图⑤

WPF获得PNG图片外观Path数据 图⑤

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

WPF获得PNG图片外观Path数据 图⑥

6、将制作完成的文件另存为“.psd”格式

7、打开Blend并新建项目,导入保存的psd文件,如图⑦

WPF获得PNG图片外观Path数据WPF获得PNG图片外观Path数据 图⑦

8、导入成功后点击“查看源”按钮,就可以得到path的data,Clip的值就是我们需要的数据,如图⑧

WPF获得PNG图片外观Path数据

WPF获得PNG图片外观Path数据 图⑧

如果要做按钮的话,就可以写一个样式资源,这样就可以在项目中调用这个样式了。如何自定义按钮模板可以参考我之前写的“WPF模仿QQ登录按钮”(http://blog.csdn.net/dh164645822/article/details/46698575)文章。

********WPF XAML技术交流群:477319939********

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

上一篇:js与cookie的domain和path之间的关系


下一篇:linux设备驱动