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

WPF获得PNG图片外观Path数据的更多相关文章

  1. WPF Geometry 添加Path数据

    当图片转svg,svg转Xaml后,根据数据加载显示图片 DrawingImage: <DrawingImage x:Key="Image.Search"> <D ...

  2. MVVM模式下WPF动态绑定展示图片

    MVVM模式下WPF动态展示图片,界面选择图标,复制到项目中固定目录下面,保存到数据库的是相对路径,再次读取的时候是根据数据库的相对路径去获取项目中绝对路径的图片展示. 首先在ViewModel中 / ...

  3. WPF入门(四)->线形区域Path内容填充之填充图(ImageBrush)

    原文:WPF入门(四)->线形区域Path内容填充之填充图(ImageBrush) 前面我们提到了LinearGradientBrush可以用来画渐变填充图,那么我们同时也可以使用ImageBr ...

  4. WPF入门(四)->线形区域Path内容填充之渐变色(LinearGradientBrush)

    原文:WPF入门(四)->线形区域Path内容填充之渐变色(LinearGradientBrush) 前面我们介绍到,Path对象表示一个用直线或者曲线连接的图形,我们可以使用Path.Data ...

  5. 图片转换base64数据上传，并且实现预览的简便方法

    对于很多新手来说,实现上传图片并且预览功能,都会感到不知所可,然后开始在网站搜索各种各样的图片上传预览插件,但是有的时候我们只是想简单的实现判断格式,以及预览的功能,使用插件的话,会使得项目的资源空间 ...

  6. js 选择图片生成base64数据

    <!doctype html> <html> <head> <meta charset="utf-8"> <meta http ...

  7. WPF中实现图片文件转换成Visual对象，Viewport3D对象转换成图片

    原文:WPF中实现图片文件转换成Visual对象,Viewport3D对象转换成图片 1.图片文件转换成Visual对象 private Visual CreateVisual(string imag ...

  8. WPF内实现与串口发送数据和接收数据

    原文:WPF内实现与串口发送数据和接收数据 与串口发送数据和接收数据,在此作一个简单的Demo.此Demo可以实现按下硬件按钮,灯亮,发送灯状态数据过来.并且可以实现几个灯同时亮,发送灯的状态数据过来 ...

  9. WPF 调用资源图片

    原文:WPF 调用资源图片 最近做的wpf项目中,在开发的时候,把图片放到了bin下面,采用了imagePath =System.IO.Directory.GetCurrentDirectory()+ ...

随机推荐

  1. 2019Pycharm激活方法

    1.将“0.0.0.0 account.jetbrains.com”添加到hosts文件中 2.打开http://idea.lanyus.com/ 3.获取激活码,粘贴到第二个选项中 亲测可用.

  2. （转载）Mac下使用Android Studio 获取 SHA1和MD5

    Mac下使用Android Studio 获取 SHA1和MD5 2015-08-10 15:38 1776人阅读 评论(1) 收藏 举报  分类: Android(14)  版权声明:本文为博主原创 ...

  3. 如何在Windows下安装Linux子系统(Ubuntu,openSUSU,SUSU Linux Server)

    注意:只有win10才能安装,安装的linux没有图形界面. 1.首先在win10设置 --> 更新与安装 --> 针对开发人员 ,选择开发人员模式. 2.win10 Cortana -- ...

  4. 原生ajax实现文件上传

    视图层 JS 函数:    <input type="file" onchange="sendFile()" id="up" /> ...

  5. Mybatis传递多个参数的解决办法(三种)

    第一种方案 DAO层的函数方法 Public User selectUser(String name,String area); 对应的Mapper.xml <select id="s ...

  6. pandas 8 画图

    from __future__ import print_function import pandas as pd import numpy as np import matplotlib.pyplo ...

  7. 紫书 习题8-9 UVa 1613 （dfs染色+图的性质）

    这道题一开始我没想什么直接开始染, 但是是for循环一个节点一个节点染, 然后就WA 后了看了https://www.cnblogs.com/jerryRey/p/4702323.html 发现原来还 ...

  8. 洛谷P4894 GodFly求解法向量

    如果没有学过向量相关知识请出门右转高中数学必修四~~~ 当然如果你和我一样也是小学生我也不反对 首先说结论:\(\vec{z}=(y1z2-y2z1,z1x2-z2x1,x1y2-x2y1)\) 其实 ...

  9. Mysql学习总结（24）——MySQL多表查询合并结果和内连接查询

    1.使用union和union all合并两个查询结果:select 字段名 from tablename1 union select 字段名 from tablename2: 注意这个操作必须保证两 ...

  10. MD5 加密原理（转）

    MD5的全称是Message-Digest Algorithm 5(信息-摘要算法),在90年代初由MIT Laboratory for Computer Science和RSA Data Secur ...