WPF获得PNG图片外观Path数据

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

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

 图①

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

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

WPF获得PNG图片外观Path数据_第1张图片 图②

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

WPF获得PNG图片外观Path数据_第2张图片 图③

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

WPF获得PNG图片外观Path数据_第3张图片 图④

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

WPF获得PNG图片外观Path数据_第4张图片 图⑤

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

WPF获得PNG图片外观Path数据_第5张图片 图⑥

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

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

WPF获得PNG图片外观Path数据_第6张图片WPF获得PNG图片外观Path数据_第7张图片 图⑦

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

WPF获得PNG图片外观Path数据_第8张图片

 图⑧


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



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


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

你可能感兴趣的:(wpf,path,PNG,不规则按钮,style,WPF样式资源)