wpf异形按钮_WPF 如何绘制不规则按钮,并且有效点击范围也是不规则的

本文介绍了如何在WPF中创建一个不规则形状的按钮,使其点击范围与按钮形状一致。关键步骤包括使用透明PNG图片,通过Photoshop生成路径,然后在WPF样式中设置Path Data。点击按钮前后效果展示,并提供了解决图片更换后样式失效的方法。
摘要由CSDN通过智能技术生成

最近在做一个东西,如地图,点击地图上的某一区域,这一区域需要填充成其他颜色。区域是不规则的,而且点击该区域的任一点,都能够变色。普通的按钮只是简单的加载一幅图肯定是不行的。查了很多资料,终于把它搞定了。实现方法不是原创,也是参照了网上的实现。

具体的思想:就是根据图片文件来画这个按钮,画出的按钮,形状正好是该图片的样子。

这里的图片是有要求的,背景必须是透明的PNG图片,而且该图片必须是建立了路径的。

样式实现:

添加按钮

button1

点击前:

5df894c8486511b30cc6c2b736a4c62b.png

点击后:

781c6823c6b391c927c6fe28ef67a8f4.png

可能有人会有这样的疑惑,为何我把上面的代码复制过来,把图片替换成自己的图片,为何不行呢,原因是上面的style的Path的Data是根据图片生成的,图片变了,Data也要变才行。Data是从哪里来的呢?

首先你的PNG图片背景必须是透明的,然后用PS工具打开该图片。

1、按住CTR键,点击图层,是图片处于选中状态

178618fbc37224265503a563cfa5db66.png

2、切换到路径面板,点击【从选区生成工作路径】

eaa95f013c2a432860f6472be9491b2d.png

3、点击菜单栏上的【图层】--【矢量蒙版】--【当前路径】

50e3361549585d16b86b9d2a7e24c241.png

3、点击【文件】--【存储为】psd文件。

4、用Blend工具导入该PSD文件,就可以看到Data的值了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值