V5开发板出厂程序的图标是通过B2C小软件转换，然后调用函数LCD_DrawIcon32显示

eric2013

1、出厂程序：
http://www.armbbs.cn/forum.php?mod=viewthread&tid=1285

2、小软件B2C.exe：
Bin2C.exe (86 KB, 下载次数: 64)

2018-8-4 12:56 上传

点击文件名下载附件

3、所有图标文件：
48x48像素(32位带Alpha).zip (160.16 KB, 下载次数: 49)

2018-8-4 12:56 上传

点击文件名下载附件

4、显示是调用的如下函数，使用方法看出厂程序即可：

1. /*
   
2. *********************************************************************************************************
   
3. *        函 数 名: LCD_DrawIcon32
   
4. *        功能说明: 在LCD上绘制一个图标, 带有透明信息的位图(32位， RGBA). 图标下带文字
   
5. *        形    参: _pIcon : 图标结构
   
6. *                          _tFont : 字体属性
   
7. *                          _ucFocusMode : 焦点模式。0 表示正常图标  1表示选中的图标
   
8. *        返 回 值: 无
   
9. *********************************************************************************************************
   
10. */
    
11. void LCD_DrawIcon32(const ICON_T *_tIcon, FONT_T *_tFont, uint8_t _ucFocusMode)
    
12. {
    
13.         const uint8_t *p;
    
14.         uint16_t usOldRGB, usNewRGB;
    
15.         int16_t x, y;                /* 用于记录窗口内的相对坐标 */
    
16.         uint8_t R1,G1,B1,A;        /* 新像素色彩分量 */
    
17.         uint8_t R0,G0,B0;        /* 旧像素色彩分量 */
    
18. 
    
19.         p = (const uint8_t *)_tIcon->pBmp;
    
20.         p += 54;                /* 直接指向图像数据区 */
    
21. 
    
22.         /* 按照BMP位图次序，从左至右，从上至下扫描 */
    
23.         for (y = _tIcon->Height - 1; y >= 0; y--)
    
24.         {
    
25.                 for (x = 0; x < _tIcon->Width; x++)
    
26.                 {
    
27.                         B1 = *p++;
    
28.                         G1 = *p++;
    
29.                         R1 = *p++;
    
30.                         A = *p++;        /* Alpha 值(透明度)，0-255, 0表示透明，1表示不透明, 中间值表示透明度 */
    
31. 
    
32.                         if (A == 0x00)        /* 需要透明,显示背景 */
    
33.                         {
    
34.                                 ;        /* 不用刷新背景 */
    
35.                         }
    
36.                         else if (A == 0xFF)        /* 完全不透明， 显示新像素 */
    
37.                         {
    
38.                                 usNewRGB = RGB(R1, G1, B1);
    
39.                                 if (_ucFocusMode == 1)
    
40.                                 {
    
41.                                         usNewRGB = LCD_Blend565(usNewRGB, CL_YELLOW, 10);
    
42.                                 }
    
43.                                 LCD_PutPixel(x + _tIcon->Left, y + _tIcon->Top, usNewRGB);
    
44.                         }
    
45.                         else         /* 半透明 */
    
46.                         {
    
47.                                 /* 计算公式： 实际显示颜色 = 前景颜色 * Alpha / 255 + 背景颜色 * (255-Alpha) / 255 */
    
48.                                 usOldRGB = LCD_GetPixel(x + _tIcon->Left, y + _tIcon->Top);
    
49.                                
    
50.                                 //usOldRGB = 0xFFFF;
    
51.                                 R0 = RGB565_R(usOldRGB);
    
52.                                 G0 = RGB565_G(usOldRGB);
    
53.                                 B0 = RGB565_B(usOldRGB);
    
54. 
    
55.                                 R1 = (R1 * A) / 255 + R0 * (255 - A) / 255;
    
56.                                 G1 = (G1 * A) / 255 + G0 * (255 - A) / 255;
    
57.                                 B1 = (B1 * A) / 255 + B0 * (255 - A) / 255;
    
58.                                 usNewRGB = RGB(R1, G1, B1);
    
59.                                 if (_ucFocusMode == 1)
    
60.                                 {
    
61.                                         usNewRGB = LCD_Blend565(usNewRGB, CL_YELLOW, 10);
    
62.                                 }
    
63.                                 LCD_PutPixel(x + _tIcon->Left, y + _tIcon->Top, usNewRGB);
    
64.                                
    
65.                                 LCD_PutPixel(x + _tIcon->Left, y + _tIcon->Top, usNewRGB);
    
66.                         }
    
67.                 }
    
68.         }
    
69. 
    
70.         /* 绘制图标下的文字 */
    
71.         {
    
72.                 uint16_t len;
    
73.                 uint16_t width;
    
74. 
    
75.                 len = strlen(_tIcon->Text);
    
76. 
    
77.                 if  (len == 0)
    
78.                 {
    
79.                         return;        /* 如果图标文本长度为0，则不显示 */
    
80.                 }
    
81. 
    
82.                 /* 计算文本的总宽度 */
    
83.                 if (_tFont->FontCode == FC_ST_12)                /* 12点阵 */
    
84.                 {
    
85.                         width = 6 * (len + _tFont->Space);
    
86.                 }
    
87.                 else        /* FC_ST_16 */
    
88.                 {
    
89.                         width = 8 * (len + _tFont->Space);
    
90.                 }
    
91. 
    
92. 
    
93.                 /* 水平居中 */
    
94.                 x = (_tIcon->Left + _tIcon->Width / 2) - width / 2;
    
95.                 y = _tIcon->Top + _tIcon->Height + 2;
    
96.                 LCD_DispStr(x, y, (char *)_tIcon->Text, _tFont);
    
97.         }
    
98. }

复制代码

caicaptain2

透明图片也可以用官方的 BmpCVT转换，可识别png的，转换的时候可选压缩模式，节省code空间。。
使用GUI_DrawBitmap()可正常显示。

eric2013

caicaptain2 发表于 2018-8-6 11:34
透明图片也可以用官方的 BmpCVT转换，可识别png的，转换的时候可选压缩模式，节省code空间。。
使用GUI_Dr ...

V5的出厂程序是裸机实现的，没有用emWn，所以专门搞的一个显示图标方式。

sanit

eric2013 发表于 2018-8-6 17:37
V5的出厂程序是裸机实现的，没有用emWn，所以专门搞的一个显示图标方式。

类似这种图标在哪里下载呢？项目正在使用

eric2013

sanit 发表于 2019-4-18 14:47
类似这种图标在哪里下载呢？项目正在使用

专业的界面图标下载网站，支持图标检索，再次献给为制作图标而头疼的人
http://www.armbbs.cn/forum.php?m ... 7316&fromuid=58
(出处: 安富莱电子论坛)

sanit

eric2013 发表于 2019-4-18 14:50
专业的界面图标下载网站，支持图标检索，再次献给为制作图标而头疼的人
http://www.armbbs.cn/forum. ...

多谢！！！