【E957】EMWIN自定义按钮和透明图标的制作

2021-09-09 19:53:24      索炜达电子      1180     

项目编号:E957

文件大小:142K

源码说明:带中文注释

开发环境:C编译器

简要概述:

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

【E957】EMWIN自定义按钮和透明图标的制作

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

【E957】EMWIN自定义按钮和透明图标的制作

【E957】EMWIN自定义按钮和透明图标的制作

【E957】EMWIN自定义按钮和透明图标的制作

【E957】EMWIN自定义按钮和透明图标的制作

【E957】EMWIN自定义按钮和透明图标的制作

【E957】EMWIN自定义按钮和透明图标的制作

但是,说的就是这个但是,有的png图片用BmpCvt打开是这样的,

【E957】EMWIN自定义按钮和透明图标的制作

这样的图片转换成c文件后贴到emwin里是这样的

【E957】EMWIN自定义按钮和透明图标的制作

这肯定不是我们想要的效果。那么如何让这种图片的背景变成透明的呢,继续教大家

【E957】EMWIN自定义按钮和透明图标的制作

【E957】EMWIN自定义按钮和透明图标的制作

【E957】EMWIN自定义按钮和透明图标的制作

这几步完成后,就另存图片为png格式,或者bmp格式都行,bmp的要存成32位的。而且bmp图片可以用在没有emwin的项目里作为贴图,具体参考原子哥的例程,这里不做讲解,只讲emwin部分
然后再用bmpCvt打开,我们想要的图片效果就出来了。

【E957】EMWIN自定义按钮和透明图标的制作

接下来就是按钮自定义了,效果见第一张图,如果没有自定义按钮的效果,仅仅只是给按钮贴了个图,那么按钮的样子就会是第一张图的第三种效果。
具体怎么弄就不讲解了,直接贴代码给大家看。

目录│文件列表:

 └ 代码和工具

    └ 代码和工具

       │ BmpCvt.exe

       │ MainTask.c

       └ sasuke_96px_1081408_easyicon.net.png

TAGEMWIN
  • 9 次
  • 1 分