在 WPF 中使用 Path 路径
2017-04-01 15:59
169 查看
在 WPF 中总会修改 Button 的 Style,比如一个自定义的 Close 按钮。刚入门的可能会用一张 PNG 格式的图片来做这个按钮的 Icon,但这个是不优雅的。而且你要改的时候还得去操作文件,想想都痛苦。
但是很多人苦于不知道去哪里获取 Path,当然网上已经有不少使用 Photoshop 获取图片的 Path ,但如果图片的质量不好,获取的 Path 歪歪曲曲的也不好看,更何况在这之前你还得会使用 Photoshop。
现在分享一个我经常使用的解决方案,阿里巴巴矢量图,这上面可以说有海量的图标可以用到。
流程:
1,进入 阿里巴巴矢量图 并搜索你想要的图标
2,下载 Icon 时使用 SVG 下载
3,用记事本或文本编辑器打开,标签 Path 下的 d 属性就是 Path 的 Data 数据(很多复杂一点的 Icon 可能是多个 Data 组成,使用时只要用空格把几个 Data 隔开就行)
例子:
在WPF中使用时:
Data 也可以作为资源放在独立的资源字典里,使用的 Geometry 标签
XAML:
但是很多人苦于不知道去哪里获取 Path,当然网上已经有不少使用 Photoshop 获取图片的 Path ,但如果图片的质量不好,获取的 Path 歪歪曲曲的也不好看,更何况在这之前你还得会使用 Photoshop。
现在分享一个我经常使用的解决方案,阿里巴巴矢量图,这上面可以说有海量的图标可以用到。
流程:
1,进入 阿里巴巴矢量图 并搜索你想要的图标
2,下载 Icon 时使用 SVG 下载
3,用记事本或文本编辑器打开,标签 Path 下的 d 属性就是 Path 的 Data 数据(很多复杂一点的 Icon 可能是多个 Data 组成,使用时只要用空格把几个 Data 隔开就行)
例子:
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg t="1491032725422" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2372" xmlns:xlink="http://www.w3.org/1999/xlink" width="248" height="248"> <defs> <style type="text/css"></style> </defs> <path d="M503.2868 510.9903m-349.4226 0a341.233 341.233 0 1 0 698.8452 0 341.233 341.233 0 1 0-698.8452 0Z" p-id="2373"></path> <path d="M106.1386 263.9677a110 100 0 1 1 121.6696 248.2668Z" p-id="2374"></path> </svg>
在WPF中使用时:
<Path Data="M503.2868 510.9903m-349.4226 0a341.233 341.233 0 1 0 698.8452 0 341.233 341.233 0 1 0-698.8452 0Z M106.1386 263.9677a110 100 0 1 1 121.6696 248.2668Z"/>
Data 也可以作为资源放在独立的资源字典里,使用的 Geometry 标签
<Geometry x:Key="logo">M503.2868 510.9903m-349.4226 0a341.233 341.233 0 1 0 698.8452 0 341.233 341.233 0 1 0-698.8452 0Z M106.1386 263.9677a110 100 0 1 1 121.6696 248.2668Z</Geometry>
XAML:
<Path Data="{StaticResource logo}" Fill="White" Stretch="Fill" Stroke="White" StrokeThickness="1.5" />
相关文章推荐
- 在 WPF 中使用 Path 路径
- WPF 中Path路径的使用示例
- 使用GetShortPathName解决unicode路径无法访问
- C#使用System.IO.Path获取文件路径、文件名
- LINUX下多路径(multi-path)介绍及使用
- Path.Combine (合并两个路径字符串)方法的一些使用细节
- 11.5 如何使用路径帮助类(PathHelper)?
- wpf 使用路径画图
- 将普通文字转成路径(Path)的方法 (WPF,Silverlight,SVG)
- LINUX下多路径(multi-path)介绍及使用
- 使用path制作各类型动画路径
- WPF DataGrid某列使用多绑定后该列排序失效,列上加入 SortMemberPath 设置即可.
- 系统文件夹路径的系统宏定义及意义,使用SHGetFolderPath API获得路径示例
- Comprehensive learning path – Data Science in Python深入学习路径-使用python数据中学习
- 图形绘制之——Canvas详解(二)-Path路径使用
- [C#]使用Path 类别取得档案或目录路径资讯
- SpringMVC请求使用@PathVariable获取文件名称并且文件名中存在.导致路径被截取的问题
- wpf 使用Path绘制一个简单的温度计
- 使用ShLwApi中的PathCompactPathEx进行路径压缩显示
- WPF小记 -- 使用Path自己画图标,点击命中(焦点)丢失问题