emWin默认皮肤下重新设置颜色

最新推荐文章于 2020-04-21 17:13:45 发布
最新推荐文章于 2020-04-21 17:13:45 发布
阅读量4.3k 收藏 3
点赞数 4
CC 4.0 BY-SA版权
分类专栏： emwin 文章标签： emwin
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/xiaoeleis/article/details/82760310
本文介绍了一种在EmWin环境下解决按钮使用默认皮肤后无法直接修改颜色的问题。通过自定义结构体并设置不同状态下的颜色参数，实现了按钮颜色的个性化定制。

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

emwin使用了默认皮肤之后就不能够容易的重新设置颜色。这边我提供一种解决的方法，以button为例子。
正常设置皮肤BUTTON_SetDefaultSkin(BUTTON_SKIN_FLEX);后效果如下：


此时设置颜色并没有效果。换成如下代码，
/*************************定制皮肤*****************************/
    BUTTON_SKINFLEX_PROPS BUTTON_pProps;         //设置皮肤需要用的结构体，结构体内容如下，包含3种颜色和颜色半径
    BUTTON_SetDefaultSkin(BUTTON_SKIN_FLEX);     //先设置成默认效果
   BUTTON_GetSkinFlexProps(&BUTTON_pProps, BUTTON_SKINFLEX_PI_ENABLED); //读取数据到结构体BUTTON_pProps中
    BUTTON_pProps.aColorFrame[0] = GUI_ORANGE;    //设置颜色
    BUTTON_pProps.aColorFrame[1] = GUI_RED;
    BUTTON_pProps.aColorFrame[2] = GUI_ORANGE;

    BUTTON_pProps.aColorUpper[0] = GUI_ORANGE;
    BUTTON_pProps.aColorUpper[1] = GUI_WHITE;    // 让按钮看起来更立体
    BUTTON_pProps.aColorLower[0] = GUI_ORANGE;
    BUTTON_pProps.aColorLower[1] = GUI_ORANGE;
 
    BUTTON_SetSkinFlexProps(&BUTTON_pProps, BUTTON_SKINFLEX_PI_ENABLED);//设置什么状态下颜色有效果，分为焦点、使能、按下等

emWin实现BMP位图皮肤之Button篇
玩转emWin
05-04 1万+
1)emWin传统贴皮肤图片的方法，是调用APP函数XXXX_SetBitmap()方式实现，但非常非常麻烦。 2)要想把控件显示出来，emWin每种控件都有1个控件绘制函数，而把这个控件绘制函数改成我们自己编写的"自定义绘制函数"，这样我们想把这个控件画成什么样都行，emWin已经不参与这个控件的绘制工作了；在这个自定义绘制函数里面我们什么都不干，只显示出这个控件的图片，这就是用skinning方式实现位图皮肤。 3)支持整幅图片贴图，不需要对整幅图片进行切片分解，非常便捷。
emWin 2天速成实例教程013_修改BUTTON按钮等控件背景皮肤颜色_SetBkColor
热门推荐
玩转emWin
08-27 1万+
emWin的控件显示效果有两种风格，旧版本风格(按钮是直角的)和新版本Skinning风格(emWin5.28默认风格，按钮是圆角的)。对于emWin5.28及其以上版本，XXXX_SetBkColor()函数是不起作用的，因为此函数是针对于旧版本修改控件背景色。
Keyboard.rar_emwin_emwin keyboard_emwin 键盘_emwin键盘_键盘 emwin 完整的
07-15
基于emWin的全键盘控件，提供一个480x272大小的完整窗口，窗口内包含标准键盘及输入窗口
STemWin Button按钮控件显示流位图
12-04
STemWin实验_Button按钮控件显示流位图 stm32界面例程，用于内存不够时使用外部内存存放图片
emwin的皮肤
09-05 562
emwin的皮肤 被这个问题坑了 当不设置皮肤，使用默认的皮肤的时候，界面如下 看起来稍微好看点，但是点击一个按键，其他的按键也会闪烁，并且也不能在上方文字框中显示，调试一下，发现是不断的重绘导致的，点击一下按键，填入的信息会被重绘消掉，所以，点击一个按键，其他的按键会闪烁，应该就是在重绘。 加了一句 BUTTON_SetDefaultSkinClassic(); 使用经...
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皮肤设置颜色
yuyimen952的博客
05-26 5740
emwin相对ucgui增加了类似WIN7的效果，但是有一个问题是使用了皮肤之后就不能设置颜色。这边我提供一种解决的方法，以button为例子。正常设置皮肤BUTTON_SetDefaultSkin(BUTTON_SKIN_FLEX);后效果如下： 此时设置颜色并没有效果。 换成如下代码，/***************************定制皮肤*********************
emWin实现BMP位图皮肤之Checkbox篇
玩转emWin
05-04 2767
(1)emWin通过skinning方式实现控件位图皮肤：1)emWin传统贴皮肤图片的方法，是调用APP函数XXXX_SetBitmap()方式实现，但非常非常麻烦。2)要想把控件显示出来，emWin每种控件都有1个控件绘制函数，而把这个控件绘制函数改成我们自己编写的"自定义绘制函数"，这样我们想把这个控件画成什么样都行，emWin已经不参与这个控件的绘制工作了；在这个自定义绘制函数里面我们什么...
emWin实现BMP位图皮肤之Multipage篇
玩转emWin
06-08 4591
1)emWin传统贴皮肤图片的方法，是调用APP函数XXXX_SetBitmap()方式实现，但非常非常麻烦。 2)要想把控件显示出来，emWin每种控件都有1个控件绘制函数，而把这个控件绘制函数改成我们自己编写的"自定义绘制函数"，这样我们想把这个控件画成什么样都行，emWin已经不参与这个控件的绘制工作了；在这个自定义绘制函数里面我们什么都不干，只显示出这个控件的图片，这就是用skinning方式实现位图皮肤。 3)支持整幅图片贴图，不需要对整幅图片进行切片分解，非常便捷。
emWin按钮演示例程
07-21
emWin按钮演示例程emWin按钮演示例程emWin按钮演示例程emWin按钮演示例程
emWin5用户手册（中文）
05-08
emWin 图形库 图形用户界面 版本 5.12 手册修订版 0 emWin V5.12 用户参考手册 © 1997 - 2011 SEGGER Microcontroller GmbH & Co. KG 9 1 emWin 简介...............................................................
emWin实现BMP位图皮肤之Dropdown篇
玩转emWin
06-08 2908
1)emWin传统贴皮肤图片的方法，是调用APP函数XXXX_SetBitmap()方式实现，但非常非常麻烦。 2)要想把控件显示出来，emWin每种控件都有1个控件绘制函数，而把这个控件绘制函数改成我们自己编写的"自定义绘制函数"，这样我们想把这个控件画成什么样都行，emWin已经不参与这个控件的绘制工作了；在这个自定义绘制函数里面我们什么都不干，只显示出这个控件的图片，这就是用skinning方式实现位图皮肤。 3)支持整幅图片贴图，不需要对整幅图片进行切片分解，非常便捷。
emWin设置蒙板
eryueniao1989的博客
09-22 1284
GUI_SetAlpha() 描述 为所有后续绘制操作启用软件 Alpha 混合。 原型 unsigned GUI_SetAlpha(U8 Value); 返回值 Alpha 混合之前使用的值。 其他信息 该函数设置用于所有后续绘制操作的Alpha 值。参数 Alpha 值为 0 表示不透明（禁用 Alpha 混合）， 值为 255 表示完全透明 （不可见）。 请注意，软件
Css自定义Button的皮肤
fengqingxin的专栏
12-06 133
<?xml version="1.0" encoding="utf-8"?> <s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.a
emWin BATTON控件透明化
qq_37333737的博客
04-21 3008
大体思路是通过更改按钮皮肤属性的方式实现来实现BATTON控件的透明化。 先了解一下官方手册中的相关信息： 我们只需将所有的颜色改为透明即可实现控件的全透明化，因此我们需要打开Alpha混合功能，所用函数为： GUI_EnableAlpha(1); 此时我们使用的颜色格式为ARGB或ABGR（emWin5.30版本之前只有ABGR）,默认应该是ABGR，想使用ARGB需要在 GUIConf.h...
emWin更改控件的显示样式的方法
qq_16597387的博客
01-28 2681
更改emWin的控件显示样式的方法，以按键为例 方法一： 改默认皮肤 BUTTON_SetDefaultSkin(BUTTON_SKIN_FLEX); 方法二： 设置BMP图片 static const GUI_COLOR Colors[] = { 0x000000, 0xFFFFFF }; static const GUI_LOGPALETTE Palette = { 2, 1...
emWin学习
ye_wei_yang的专栏
12-15 8966
一、API学习    1.1、初始化          int GUI_Init(void);  函数来初始化emWin内部数据结构和变量。如果在初始化之前调用WM_SetCreateFlags()使用窗口管理器，则在GUI_Init()内创建背景窗口。(也就是窗口设置创建标记必须在初始化之前)。     1.2、显示文本           可以显示字符串、十六进制、十进制、二进制数，文
emwin调用BUTTON_SetBkColor函数无法改变背景色
dailianchao的博客
03-11 4298
最近在使用emwin画界面时遇到一个问题，无法改变按钮的背景色，调用函数BUTTON_SetBkColor()没有作用，原因是按钮使用了3D皮肤，导致该函数失效了，解决方法如下： 第一种： 添加函数BUTTON_SetSkinClassic(hItem); 把按钮的皮肤变为经典形状，然后再使用BUTTON_SetBkColor()即可改变背景色； 第二种： 使用回调函数WM_SetCallback...
EMWIN 设置进度条皮肤
最新发布
07-22
<think>根据用户的问题，用户想要设置EMWIN进度条的样式或皮肤。首先，我们需要了解EMWIN中进度条控件的基本操作。在EMWIN中，进度条控件可以通过函数`PROGBAR_SetSkin()`来设置皮肤。此外，还可以通过其他函数来设置进度条的颜色、字体等属性。 接下来，我将分步骤说明如何设置进度条样式： 1. **设置进度条皮肤**：使用`PROGBAR_SetSkin()`函数设置进度条的皮肤。EMWIN提供了一些内置的皮肤，也可以自定义皮肤。 2. **设置进度条颜色**：使用`PROGBAR_SetBarColor()`设置进度条的颜色，`PROGBAR_SetTextColor()`设置文本颜色，`PROGBAR_SetBkColor()`设置背景颜色等。 3. **设置字体**：使用`PROGBAR_SetFont()`设置进度条上显示的字体。 4. **自定义皮肤**：如果需要自定义皮肤，可以通过实现`PROGBAR_DRAW_ITEM_FUNC`类型的回调函数来绘制进度条的各个部分。 下面是一个示例代码，展示如何设置进度条的颜色和皮肤： ```c // 设置进度条的颜色 PROGBAR_SetBarColor(hProgBar, GUI_GREEN); // 设置进度条颜色为绿色 PROGBAR_SetTextColor(hProgBar, GUI_BLACK); // 设置文本颜色为黑色 PROGBAR_SetBkColor(hProgBar, GUI_GRAY); // 设置背景颜色为灰色 // 设置进度条皮肤（使用内置的3D皮肤） PROGBAR_SetSkin(hProgBar, PROGBAR_SKIN_3D); ``` 如果需要自定义皮肤，可以按照以下步骤： 1. 定义一个绘制函数，该函数将绘制进度条的各个部分（如背景、前景等）。 2. 使用`PROGBAR_SetDrawItemFunc()`函数设置自定义的绘制函数。 自定义绘制函数的示例： ```c static void DrawProgBarSkin(const PROGBAR_DRAW_ITEM_INFO * pDrawItemInfo) { switch (pDrawItemInfo->Cmd) { case PROGBAR_DI_BACKGROUND: // 绘制背景 GUI_SetColor(GUI_GRAY); GUI_FillRectEx(&pDrawItemInfo->Rect); break; case PROGBAR_DI_BAR: // 绘制进度条 GUI_SetColor(GUI_GREEN); GUI_FillRectEx(&pDrawItemInfo->Rect); break; case PROGBAR_DI_TEXT: // 绘制文本（显示百分比） char acText[10]; int Value = PROGBAR_GetValue(pDrawItemInfo->hWin); int Max = PROGBAR_GetMax(pDrawItemInfo->hWin); sprintf(acText, "%d%%", (Value * 100) / Max); GUI_SetColor(GUI_BLACK); GUI_SetBkColor(GUI_GRAY); GUI_SetFont(&GUI_Font13B_1); GUI_DispStringIn(acText, &pDrawItemInfo->Rect, GUI_TA_HCENTER | GUI_TA_VCENTER); break; } } // 在创建进度条后设置自定义绘制函数 PROGBAR_SetDrawItemFunc(hProgBar, DrawProgBarSkin); ``` 这样，用户就可以根据自己的需求自定义进度条的外观了。 最后，根据系统指令，生成相关问题： §§相关问题§§ 1. 如何动态更新EMWIN进度条的值？ 2. EMWIN中进度条控件支持哪些内置皮肤？ 3. 如何为EMWIN进度条添加渐变效果？</think>### EMWIN 进度条样式设置指南 在 EMWIN 中设置进度条样式或皮肤主要通过以下 API 函数实现，核心方法是使用 `PROGBAR_SetSkin()` 函数： #### 1. **设置预定义皮肤** EMWIN 提供多种内置皮肤样式，可直接应用： ```c PROGBAR_Handle hProgBar; // 进度条句柄 /* 应用内置皮肤 */ PROGBAR_SetSkin(hProgBar, PROGBAR_SKIN_3D); // 3D 立体效果 PROGBAR_SetSkin(hProgBar, PROGBAR_SKIN_FLAT); // 扁平化风格 PROGBAR_SetSkin(hProgBar, PROGBAR_SKIN_MARBLE); // 大理石纹理 ``` [^1] #### 2. **自定义皮肤（高级）** 通过回调函数实现完全自定义绘制： ```c static void _DrawSkin(WM_HWIN hWin, int Stage) { switch (Stage) { case PROGBAR_DRAW_BACKGROUND: // 绘制背景 GUI_SetColor(GUI_GRAY); GUI_FillRect(&Rect); break; case PROGBAR_DRAW_BAR: // 绘制进度条 GUI_GradientV(Rect.x0, Rect.y0, Rect.x1, Rect.y1, GUI_BLUE, GUI_CYAN); break; case PROGBAR_DRAW_TEXT: // 绘制文本 char buf[10]; sprintf(buf, "%d%%", value); GUI_DispStringInRect(buf, &Rect, GUI_TA_HCENTER|GUI_TA_VCENTER); break; } } // 应用自定义皮肤 PROGBAR_SetDrawSkin(hProgBar, _DrawSkin); ``` #### 3. **常用样式调整 API** ```c // 设置颜色 PROGBAR_SetBarColor(hProgBar, GUI_GREEN); // 进度条颜色 PROGBAR_SetBkColor(hProgBar, GUI_LIGHTGRAY); // 背景色 PROGBAR_SetTextColor(hProgBar, GUI_RED); // 文字颜色 // 设置字体 PROGBAR_SetFont(hProgBar, &GUI_Font16B_ASCII); // 设置方向（水平/垂直） PROGBAR_SetDirection(hProgBar, PROGBAR_DIR_HORIZONTAL); // 水平方向 PROGBAR_SetDirection(hProgBar, PROGBAR_DIR_VERTICAL); // 垂直方向 ``` #### 4. **使用皮肤资源文件** 通过 emWin 资源编辑器创建皮肤文件（.c 文件）： 1. 在资源编辑器中设计进度条位图 2. 导出为 C 代码资源 3. 在代码中加载： ```c PROGBAR_AttachSkin(hProgBar, &skinProgbarRes); ``` > **注意事项**： > 1. 皮肤设置需在窗口创建后执行 > 2. 垂直进度条需设置合适的高度/宽度比例 > 3. 自定义绘制时注意重绘效率优化 > 4. 使用 `WM_EnableMemdev()` 启用存储设备避免闪烁 [^1]:【第3版emWin教程】第47章 emWin6.x控件基础知识
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值