WPF获得PNG图片外观Path数据

原创 已于 2022-02-17 09:17:49 修改 · 1.2w 阅读 · 22 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#wpf #path #PNG #不规则按钮 #style

于 2017-08-14 11:19:56 首次发布
本文详细介绍了如何在WPF中利用Photoshop（PS）和Blend创建不规则形状按钮的Path数据。首先在PS中通过图层、路径和矢量蒙版操作，然后在Blend中导入psd文件获取Path的data，适用于自定义不规则形状的WPF控件模板。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

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

注：PS版本为CS6；Blend是安装VS2013时自带版本。

 图①

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

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

 图②

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

 图③

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

 图④

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

 图⑤

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

最低0.47元/天 解锁文章

200万优质内容无限畅学
path png转svg_svg之path详解
weixin_35987371的博客
12-30 1657
一、svg 介绍path元素是SVG基本形状中最强大的一个，它不仅能创建其他基本形状，还能创建更多其他形状。你可以用path元素绘制矩形(直角矩形或者圆角矩形)、圆形、椭圆、折线形、多边形，以及一些其他的形状，例如贝塞尔曲线、2次曲线等曲线。 path元素的形状是通过属性d来定义的，属性d的值是一个“命令+参数”的序列。每一个命令都用一个关键字母来表示，比如，字母“M”表示的是“Move to”命...
WPF获得PNG图片外观Path数据.docx
07-17
WPF获得PNG图片转为外观Path数据：主要是把图片png格式转为WPF使用的path格式使用，可以快速解决，程序员自己画图的能力。
WPF学习笔记（6）数据绑定Binding
最新发布
lzt1027的博客
06-15 1305
WPF数据绑定概述和简单使用方法
WPF 或得PNG图片的外形Path的Data
weixin_34405925的博客
09-12 526
    最近看一个帖子，做不规则按钮，写的非常好。超链接：http://blog.youkuaiyun.com/cmis7645/article/details/7592372#comments 效果图： 代码： View Code <Window x:Class="WpfApplication1.Window1" xmlns="http://schemas.micr...
基础知识（四）WPF获得PNG图片外观Path数据
xpj8888的博客
10-11 1887
转自https://blog.youkuaiyun.com/dh164645822/article/details/77155701
WPF编程，获取图片某一部分的Path路径数据的方法
君一席
08-26 1115
参考链接：https://blog.youkuaiyun.com/dh164645822/article/details/77155701?fps=1&locationNum=8 WPF开发界面的时候，用的最多的就是自定义控件模板，开发人员需要根据UI的设计，做出符合要求的自定义控件。但是在一些特殊情况下，UI的设计可能是不规则形状，要做像图①这样一个不规则形状按钮，就需要PS和Blend配合了。 1、打开PNG图片的psd源文件，长按Ctrl键，并点击右下角 图层，此时已经选中选区 2、切换到“路径”菜
WPF 修改图片颜色 1.2
07-03
接下来，我们要用到的是WPF的WriteableBitmap类，它允许我们直接对像素数据进行操作。WriteableBitmap可以从ImageSource转换得到： ```csharp WriteableBitmap wb = new WriteableBitmap((BitmapSource)source); ``...
WPF实现图片放大，缩小，拖动示例
07-20
在WPF中处理图像是一项常见的任务，而图片的放大、缩小和拖动功能则是提高用户体验的重要组成部分。本示例将详细介绍如何在WPF中实现这些功能。 首先，我们需要了解WPF中的Image控件。Image控件是WPF提供的用于显示...
WPF Image OpacityMask示例
10-21
<ImageBrush ImageSource="path_to_opacity_mask.png"/> ``` 在 `ImageOpacityMaskDemo` 这个示例项目中，你可能会看到不同的 `OpacityMask` 应用场景，包括静态和动态的掩码。可能包含以下内容： 1. **渐变...
png图片转path路径问题
qq_42802941的博客
10-15 1178
png图片转path路径问题
png转icns小工具
08-30
png转icns的实用小工具，icns用于替换文件简介中的图标
png,jpg转矢量图,位图转矢量图,转svg
05-16
主要现在流行 微信推文用 svg，这个是将 png jpg 的图片转化为 svg path 的转换器 这样一些复杂图形 可以直接转化使用
在 WPF 中使用 Path 路径
awan6469的博客
04-01 550
在 WPF 中总会修改 Button 的 Style，比如一个自定义的 Close 按钮。刚入门的可能会用一张 PNG 格式的图片来做这个按钮的 Icon，但这个是不优雅的。而且你要改的时候还得去操作文件，想想都痛苦。 但是很多人苦于不知道去哪里获取 Path，当然网上已经有不少使用 Photoshop 获取图片的 Path ，但如果图片的质量不好，获取的 Path 歪歪曲曲的也不好看...
获得PNG图片的外形Path的Data by:凉游浅笔深画眉 / Net7Cracker
weixin_30794491的博客
09-18 426
参考别人的WPF项目，经常看到这样的代码： 这一串Data究竟是怎么得到的呢！百度了很久都没有相关文章，最后还是被我在一次次的摸索中探寻成功了，其实是利用了Photoshop+Blend生成出来的！第一步：首先用Photoshop打开一张背景透明的PNG图片 第二步：按住Ctrl键不放，点击右边的图层里面对应的图层！ 第三步：选中路径选项卡，点击“从选区生成路径...
WPF图标制作，图形设计转换为矢量Path。
csczh的博客
01-02 4109
WPF 生成图标 按钮 图标设计 WPF按钮样式
图片宽度、高度、uri转path、图片旋转角度、矩形框、摄像头Camera
qq_42955378的博客
08-20 325
//在图片上画矩形框 private Bitmap drawRectangles(Bitmap imageBitmap,int left,int top,int right,int bottom) { Bitmap mutableBitmap = imageBitmap.copy(Bitmap.Config.ARGB_8888, true); Canvas canv...
WPF 图片格式转换
小小的熊的博客
09-10 1282
            //FileStream imageStreamSource = File.OpenRead(srcPath);             FileStream imageStreamSource = new FileStream(srcPath, FileMode.Open, FileAccess.Read, FileShare.ReadWrite);           ...
python将图片转成data:image/png；base64,XXXXX
小橙子的博客
03-27 3792
base64,XXXXX可以粘到浏览器里。
WPF PNG遮挡按钮
10-13
在Windows Presentation Foundation (WPF)中，如果想要创建一个PNG图像作为按钮的背景，并部分遮挡显示文字或其他元素，可以使用`Image`控件结合`ContentControl`的特性来实现。首先，你可以将PNG图片设置为`Image`...
评论 8
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值