WPF获得PNG图片外观Path数据

已于 2022-02-17 09:17:49 修改
阅读量1.2w 收藏 21
点赞数
分类专栏： WPF样式资源 文章标签： wpf path PNG 不规则按钮 style
于 2017-08-14 11:19:56 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dh164645822/article/details/77155701
版权
本文详细介绍了如何在WPF中利用Photoshop（PS）和Blend创建不规则形状按钮的Path数据。首先在PS中通过图层、路径和矢量蒙版操作，然后在Blend中导入psd文件获取Path的data，适用于自定义不规则形状的WPF控件模板。
摘要由CSDN通过智能技术生成

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

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

 图①

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

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

 图②

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

 图③

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

 图④

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

最低0.47元/天 解锁文章
i橡皮擦
关注
专栏目录
WPF图标制作，图形设计转换为矢量Path。
csczh的博客
01-02 3749
WPF 生成图标 按钮 图标设计 WPF按钮样式
path png转svg_svg之path详解
weixin_35987371的博客
12-30 1523
一、svg 介绍path元素是SVG基本形状中最强大的一个，它不仅能创建其他基本形状，还能创建更多其他形状。你可以用path元素绘制矩形(直角矩形或者圆角矩形)、圆形、椭圆、折线形、多边形，以及一些其他的形状，例如贝塞尔曲线、2次曲线等曲线。 path元素的形状是通过属性d来定义的，属性d的值是一个“命令+参数”的序列。每一个命令都用一个关键字母来表示，比如，字母“M”表示的是“Move to”命...
WPF 或得PNG图片的外形Path的Data
weixin_34405925的博客
09-12 469
    最近看一个帖子，做不规则按钮，写的非常好。超链接：http://blog.csdn.net/cmis7645/article/details/7592372#comments 效果图： 代码： View Code <Window x:Class="WpfApplication1.Window1" xmlns="http://schemas.micr...
【WPF开发】在项目中添加图片、设置窗口图标、添加图片控件
最新发布
qq_39150957的博客
07-26 654
本教程详细说明了WPF中如何为窗口添加图标以及在界面中添加图片控件。
WPF获得PNG图片外观Path数据.docx
07-17
WPF获得PNG图片转为外观Path数据：主要是把图片png格式转为WPF使用的path格式使用，可以快速解决，程序员自己画图的能力。
基础知识（四）WPF获得PNG图片外观Path数据
xpj8888的博客
10-11 1763
转自https://blog.csdn.net/dh164645822/article/details/77155701
WPF编程，获取图片某一部分的Path路径数据的方法
君一席
08-26 927
参考链接：https://blog.csdn.net/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提供的用于显示...
png转icns小工具
08-30
png转icns的实用小工具，icns用于替换文件简介中的图标
png,jpg转矢量图,位图转矢量图,转svg
05-16
主要现在流行 微信推文用 svg，这个是将 png jpg 的图片转化为 svg path 的转换器 这样一些复杂图形 可以直接转化使用
在 WPF 中使用 Path 路径
awan6469的博客
04-01 477
在 WPF 中总会修改 Button 的 Style，比如一个自定义的 Close 按钮。刚入门的可能会用一张 PNG 格式的图片来做这个按钮的 Icon，但这个是不优雅的。而且你要改的时候还得去操作文件，想想都痛苦。 但是很多人苦于不知道去哪里获取 Path，当然网上已经有不少使用 Photoshop 获取图片的 Path ，但如果图片的质量不好，获取的 Path 歪歪曲曲的也不好看...
获得PNG图片的外形Path的Data by:凉游浅笔深画眉 / Net7Cracker
weixin_30794491的博客
09-18 361
参考别人的WPF项目，经常看到这样的代码： 这一串Data究竟是怎么得到的呢！百度了很久都没有相关文章，最后还是被我在一次次的摸索中探寻成功了，其实是利用了Photoshop+Blend生成出来的！第一步：首先用Photoshop打开一张背景透明的PNG图片 第二步：按住Ctrl键不放，点击右边的图层里面对应的图层！ 第三步：选中路径选项卡，点击“从选区生成路径...
图片宽度、高度、uri转path、图片旋转角度、矩形框、摄像头Camera
qq_42955378的博客
08-20 287
//在图片上画矩形框 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 1235
            //FileStream imageStreamSource = File.OpenRead(srcPath);             FileStream imageStreamSource = new FileStream(srcPath, FileMode.Open, FileAccess.Read, FileShare.ReadWrite);           ...
png图片转path路径问题
qq_42802941的博客
10-15 765
png图片转path路径问题
python将图片转成data:image/png；base64,XXXXX
小橙子的博客
03-27 2745
base64,XXXXX可以粘到浏览器里。
Wpf如何调用mysql存储png图片信息
07-16
您可以使用 `MySqlConnector` 库来连接和操作 MySQL 数据库，并使用 WPF 的 `BitmapImage` 类来加载和显示 PNG 图片。 首先，您需要在您的项目中安装 `MySqlConnector` 库。您可以通过 NuGet 包管理器或手动将其添加到项目引用中来完成安装。 然后，您需要创建一个 MySQL 数据库连接。以下是一个简单的示例代码，展示了如何连接到 MySQL 数据库： ```csharp using MySqlConnector; string connectionString = "server=localhost;user=root;password=your_password;database=your_database;"; using (var connection = new MySqlConnection(connectionString)) { connection.Open(); // 这里执行您的数据库操作，如插入、查询等 } ``` 接下来，您可以将 PNG 图片的二进制数据存储到数据库中。假设您有一个名为 `images` 的表，其中包含 `id` 和 `image_data` 两个列。以下是一个简单的示例代码，演示了如何将 PNG 图片的二进制数据存储到数据库中： ```csharp using MySqlConnector; byte[] imageData = File.ReadAllBytes("path_to_your_image.png"); // 从文件加载 PNG 图片数据 string insertQuery = "INSERT INTO images (image_data) VALUES (@imageData)"; using (var connection = new MySqlConnection(connectionString)) using (var command = new MySqlCommand(insertQuery, connection)) { command.Parameters.AddWithValue("@imageData", imageData); connection.Open(); command.ExecuteNonQuery(); } ``` 注意，在上面的代码中，您需要将 `path_to_your_image.png` 替换为实际的图片文件路径。 最后，您可以使用 WPF 的 `BitmapImage` 类来加载和显示数据库中存储的 PNG 图片。以下是一个简单的示例代码，展示了如何从数据库中加载 PNG 图片数据并显示在 WPF 窗口中的 `Image` 控件中： ```csharp using MySqlConnector; using System.IO; using System.Windows.Media.Imaging; string selectQuery = "SELECT image_data FROM images WHERE id = @imageId"; using (var connection = new MySqlConnection(connectionString)) using (var command = new MySqlCommand(selectQuery, connection)) { command.Parameters.AddWithValue("@imageId", imageId); // 替换为实际的图片 ID connection.Open(); using (var reader = command.ExecuteReader()) { if (reader.Read()) { byte[] imageData = (byte[])reader["image_data"]; // 创建 BitmapImage 对象并加载图片数据 BitmapImage bitmapImage = new BitmapImage(); bitmapImage.BeginInit(); bitmapImage.StreamSource = new MemoryStream(imageData); bitmapImage.EndInit(); // 在 WPF 窗口的 Image 控件中显示图片 YourImageControl.Source = bitmapImage; // 替换为实际的 Image 控件名 } } } ``` 请注意，上述代码中的 `imageId` 和 `YourImageControl` 需要根据您的实际情况进行替换。 希望能对您有所帮助！如果您有任何疑问，请随时提问。
评论 8
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值