野火电子论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 18786|回复: 6

分享一下EMWIN自定义按钮和透明图标的制作

[复制链接]
发表于 2017-8-10 14:05:49 | 显示全部楼层 |阅读模式
本帖最后由 wancy2017 于 2017-8-10 15:26 编辑

最近在研究Emwin时,想打算做个漂亮的界面,但是当做按钮的时候,发现了emwin自带的按钮效果很一般,不能很好的融入到界面里,于是在网上找了些资料,研究了下emwin自定义的按钮效果,分享给大家,希望大家也能做出更漂亮的界面。
先来个效果图:
123.png

由于大家都是程序员,所以不推荐自己制作图标,可以去 http://www.easyicon.net/  下载图标,里面有各种各样的图标,选择png格式的。
然后用emwin小工具 BmpCvt.exe来转换成C语言。具体步骤如下:
2.png 3.png 4.png 5.png 6.png

但是,说的就是这个但是,有的png图片用BmpCvt打开是这样的,
7.png
这样的图片转换成c文件后贴到emwin里是这样的
1.jpg
这肯定不是我们想要的效果。那么如何让这种图片的背景变成透明的呢,继续教大家
8.png 9.png 10.png
这几步完成后,就另存图片为png格式,或者bmp格式都行,bmp的要存成32位的。而且bmp图片可以用在没有emwin的项目里作为贴图,软解这个bmp就可以了,这里不做讲解,只讲emwin部分
然后再用bmpCvt打开,我们想要的图片效果就出来了。
11.png

接下来就是按钮自定义了,效果见第一张图,如果没有自定义按钮的效果,仅仅只是给按钮贴了个图,那么按钮的样子就会是第一张图的第三种效果。
具体怎么弄就不讲解了,直接贴代码给大家看。 代码和工具.zip (154.07 KB, 下载次数: 274)



回复

使用道具 举报

发表于 2017-8-10 14:12:31 | 显示全部楼层
牛逼,占个沙发
回复 支持 反对

使用道具 举报

发表于 2017-8-10 15:00:49 | 显示全部楼层
厉害,还能自己写工具
回复 支持 反对

使用道具 举报

 楼主| 发表于 2017-8-10 15:29:25 | 显示全部楼层

总管?               
回复 支持 反对

使用道具 举报

 楼主| 发表于 2017-8-10 15:30:07 | 显示全部楼层
flyleaf 发表于 2017-8-10 15:00
厉害,还能自己写工具

谢谢老大                     
回复 支持 反对

使用道具 举报

发表于 2017-8-10 17:49:28 | 显示全部楼层
膜拜大神,正在学习制作图标
回复 支持 反对

使用道具 举报

 楼主| 发表于 2017-8-11 09:49:29 | 显示全部楼层
仰平心 发表于 2017-8-10 17:49
膜拜大神,正在学习制作图标

希望能帮到你        
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

联系站长|手机版|野火电子官网|野火淘宝店铺|野火电子论坛 ( 粤ICP备14069197号 ) 大学生ARM嵌入式2群

GMT+8, 2024-5-14 08:20 , Processed in 0.039824 second(s), 26 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表