emWin 2天速成实例教程014_BMP位图图片显示以及位图皮肤的使用方法

最新推荐文章于 2023-10-26 09:14:01 发布
最新推荐文章于 2023-10-26 09:14:01 发布
阅读量7.9k 收藏 12
点赞数 2
CC 4.0 BY-SA版权
分类专栏： emWin学习课堂
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/neqee/article/details/77982625
这篇教程介绍了如何在CodeBlocks和GLCD屏中使用BMP位图，以及emWin的位图皮肤实现方法。通过截屏、转换工具和自定义绘制函数，实现位图在不同状态下的显示，提高贴图效率。

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

备注：(1)打开工程目录下的"Exe\GUISimulationDebug.exe"即可看到效果。(2)看完教程000～005就基本会用emWin做项目，其他章节可以需要时再参考。

 

一、在CodeBlocks中使用位图

备注：GLCD屏支持24bbp(RGB888)、16bbp(RGB565)格式的BMP位图(不支持其他格式的位图)，16bbp(RGB565)BMP位图可以通过photoshop保存得到，因此，在CodeBlocks中也需要使用这种格式的位图，以photoshop为例：


以教程000“如何快速入门ucGUI_emWin”为例介绍emWin位图以及位图皮肤的使用方法。

(1)截屏模拟器并保存为以下两个bmp文件，一个是界面截屏(为了区别截屏界面，特地变了下颜色)，另一个是界面截屏的反色，文件名对应为bitmap_n.bmp、bitmap_m.bmp：



      

变色的用于正常背景显示，反色的用于按键点击。

备注：如果你想要精美华丽的界面效果，也是按照此方法：截屏原始界面-

最低0.47元/天 解锁文章

200万优质内容无限畅学
emWin 2天速成实例教程004_软件定时器(Timer)和位图片动画
玩转emWin
11-22 1万+
emWin的TIMER是一个软件定时器，它以OS_TimeMS变量的值作为定时基准，而OS_TimeMS则通过一个硬件定时器每1ms中断加1，在emWin内部程序不断查询OS_TimeMS的变化实现软件定时。
emWin 2天速成实例教程016_不规则异形进度条控件实现方法
玩转emWin
09-26 4912
备注：(1)打开工程目录下的"Exe\GUISimulationDebug.exe"即可看到效果。(2)看完教程000～005就基本会用emWin做项目，其他章节可以需要时再参考。 前提准备: 因为emWin不规则进度条是基于Skinning位图皮肤方式实现的，因此必须先熟悉：” 教程014_BMP位图图片显示以及位图皮肤的使用方法”...
【第3版emWin教程】第21章 emWin6.x的BMP图片显示
Simon223的博客
07-01 784
教程不断更新中：http://www.armbbs.cn/forum.php?mod=viewthread&tid=98429 第21章 emWin6.x的BMP图片显示 本章主要讲emWin支持的BMP图片显示，官方支持的主要有两种显示方法，一种是从外部存储器读取数据到内部存储器（比如内部SRAM，外部SRAM或者SDRAM）然后来显示图片，这种方式的显示速度要快些，另一种方法是直接从外部存储器读取数据并显示，这种方法的好处就是不需要大的内存空间，每读取一部分数据就显示一次，缺点就...
emWin - BMP图片显示
热门推荐
EFM32的专栏
01-12 1万+
辛苦了两天，终于将emWin的ILI9341的驱动移植好了，并且修改了一点底层的驱动，让它跑起来稍微顺畅一些。偏题了。此处，主要是讲解一下如何利用emWin进行BMP图片显示。 为什么要单独的将这个提出来，是因为很多客户就是利用BMP图片，进行GUI显示的。例如ICON等图标都是小BMP图片。如下，主要是如何将BMP图片，转成emWin支持的方式，最终显示到TFT屏上的。 硬件准备: GG D
F1 emwin显示BMP
chaoge131的博客
07-16 434
1、通过主控芯片内部读取bmp数据： 先使用Bin2C.exe转换出BMP图片数组，合并到程序里并烧写到芯片里，然后初始化GUI_INIT()后，直接调用GUI_BMP_Draw((const void *)_acBJ320240_16rgb,0,0); 即可在屏幕（0,0）显示该图片。 static const U8 _acBJ320240_16rgb[] = {。。图片数据。。}； bmp控件调用则是：创建frameWork时创建一个BMP控件，然后在窗口绘制事件WM_INIT_DIALO...
emWin实现BMP位图皮肤之Multipage篇
玩转emWin
06-08 4592
1)emWin传统贴皮肤图片的方法，是调用APP函数XXXX_SetBitmap()方式实现，但非常非常麻烦。 2)要想把控件显示出来，emWin每种控件都有1个控件绘制函数，而把这个控件绘制函数改成我们自己编写的"自定义绘制函数"，这样我们想把这个控件画成什么样都行，emWin已经不参与这个控件的绘制工作了；在这个自定义绘制函数里面我们什么都不干，只显示出这个控件的图片，这就是用skinning方式实现位图皮肤。 3)支持整幅图片贴图，不需要对整幅图片进行切片分解，非常便捷。
emWin实现BMP位图皮肤之Button篇
玩转emWin
05-04 1万+
1)emWin传统贴皮肤图片的方法，是调用APP函数XXXX_SetBitmap()方式实现，但非常非常麻烦。 2)要想把控件显示出来，emWin每种控件都有1个控件绘制函数，而把这个控件绘制函数改成我们自己编写的"自定义绘制函数"，这样我们想把这个控件画成什么样都行，emWin已经不参与这个控件的绘制工作了；在这个自定义绘制函数里面我们什么都不干，只显示出这个控件的图片，这就是用skinning方式实现位图皮肤。 3)支持整幅图片贴图，不需要对整幅图片进行切片分解，非常便捷。
emWin实现BMP位图皮肤之Framewin篇
玩转emWin
06-25 7786
1)emWin传统贴皮肤图片的方法，是调用APP函数XXXX_SetBitmap()方式实现，但非常非常麻烦。 2)要想把控件显示出来，emWin每种控件都有1个控件绘制函数，而把这个控件绘制函数改成我们自己编写的"自定义绘制函数"，这样我们想把这个控件画成什么样都行，emWin已经不参与这个控件的绘制工作了；在这个自定义绘制函数里面我们什么都不干，只显示出这个控件的图片，这就是用skinning方式实现位图皮肤。 3)支持整幅图片贴图，不需要对整幅图片进行切片分解，非常便捷。
emwin的皮肤
09-05 562
emwin的皮肤 被这个问题坑了 当不设置皮肤，使用默认的皮肤的时候，界面如下 看起来稍微好看点，但是点击一个按键，其他的按键也会闪烁，并且也不能在上方文字框中显示，调试一下，发现是不断的重绘导致的，点击一下按键，填入的信息会被重绘消掉，所以，点击一个按键，其他的按键会闪烁，应该就是在重绘。 加了一句 BUTTON_SetDefaultSkinClassic(); 使用经...
emwin实验( ICONVIEW：图标视图小工具
08-27
配置好的emwin 配套野火stm32 ISO开发板
emWin5.40 试用版（用于PC端仿真）
06-11
This trial version allows you to evaluate all functions of emWin. It contains a fully-featured library including the following: Window manager Memory devices Antialiasing Widget library Touch panel support It also contains the following tools: The emWin - viewer: A useful tool to step through the simulation. A demo version of the font converter. A demo version of the bitmap converter. You need CodeBlocks IDE V10.05 (or later) for Windows and MinGW-compiler or Microsoft Visual C++ (V6.0 or later) to be able to rebuild the project. Please note that this trial version contains a precompiled emWin library. This implicates that preprocessor dependend configuration options can not be changed. With other words changes in the files LCDConf.h or GUIConf.h take no effect on the library. They should not be changed.
31. BMP图片显示
最新发布
weixin_45731898的博客
10-26 252
首先还是必须要用f_open打开BMP图片文件，然后不同的是用GUI_ALLOC_AllocZero函数申请一块动态内存， 并且用GUI_ALLOC_h2p把这段动态内存的句柄转为指针_acbuffer，方便之后使用，接着用f_read函数把图片数据读到刚刚申请到的动态内存中， 读取完成后关闭文件，使用GUI_BMP_Draw函数将动态内存中的BMP数据绘制到LCD上，如果之后的程序不再使用这张BMP，就必须使用GUI_ALLOC_Free函数释放动态内存。目前最常见的是256位色BMP和24位色BMP。
STM32——EMWIN PNG 图片显示（二十五）
戚晨夕的博客
04-11 2090
EMWIN 文章目录EMWIN前言一、RAM 使用二、PNG 文件 API 函数三、实验演示 前言 PNG 格式是一种图像格式，其目的是试图替代 GIF 和 TIFF 文件格式，同时增加一些 GIF文件格式所不具备的特性。PNG 用来存储灰度图像时，灰度图像的深度可多到 16 位，存储彩色图像时，彩色图像的深度可多到 48 位，并且还可存储多到 16 位的α通道数据。emWin 是支持 PNG 解码的 一、RAM 使用 PNG 解压缩大约需要 21 Kb RAM 用于与图像大小无关的解压缩和依赖大小的字节量
[emWin]利用内存设备加速GIF图片显示——2021.03
ZZZ_XXJ的博客
03-22 3787
emWin的GIF显示原理是用户程序调用GUI_GIF_DrawSub()绘制函数一帧一帧的解码和显示，并且每一次GUI_GIF_DrawSub()只解码一帧画面，这就导致一些高性能的MCU在显示一些小尺寸GIF时效果都会很差。 如果开始显示之前就把整个文件全部解码完，显示的时候只显示解码完的图像，就能显著改善GIF图的显示速度，利用emWin的内存设备可以实现这个功能。...
emWin（ucGUI)显示图案的3种方式：API，位图，矢量图
weixin_50969532的博客
07-05 1455
通过emWin在屏幕上显示图案，先大致说一下这3种方案的实现步骤，再结合例子详细说： 1、GUI自带的API接口：听着怪高大上的，其实就是GUI已经封装好的函数，我们只需要根据使用手册明白哪个函数是干啥的，需要输入哪些参数，直接调用就好了。 2、位图：把图案以PNG等格式下载，再通过转换软件将PNG图片转成 位图.c文件，借助GUI的API函数加载到显示屏。 3、矢量图：把图案以ttf文件的形式下载，放到单片机QSPIFlash或者SD卡里。告诉程序这个文件的存放路径、图案编号，借助GUI的API函数加载
EMWIN 改变按键颜色、皮肤
abcd147147的博客
04-02 4958
EMWIN 自定义按键皮肤 3D模式 BUTTON_SKINFLEX_PROPS Props; //定义结构体，具体内容见下图 BUTTON_GetSkinFlexProps(&Props, BUTTON_SKINFLEX_PI_FOCUSSED); //获取按键皮肤 Props.aColorFrame[0] = 0x000000ff; Props.aCo...
emWin显示汉字
David
04-16 1324
emWin + codeBlocks Button控件显示汉字
EMWIN基本使用
风间琉璃的博客
08-28 6700
1.位图显示 (1)BmpCvt[位图转换器] 作用将位图从PC格式转换为C文件，emwin可使用的位图在C文件中定义为 GUI_BITMAP结构体。 注：如果图片要转化为bmp格式，可以用画图软件，像素大小要合适 设置如下： ...
STM32F767单片机使用EMWIN GUI显示BMP图片教程
本次讨论的项目“STM32F767 EMWIN实现BMP图片显示【支持STM32F7系列单片机-EMWIN GUI可视化】”主要是关于如何在STM32F767单片机上通过EMWIN库显示BMP格式的图片，项目包含了完整的代码，可以直接编译和运行。...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值