接上篇：STM32 GUI高阶培训之实验一
$ J) G8 Y3 ^$ x9 s

) L8 T3 ~3 g/ y$ u主机环境:Windows 7 SP1开发环境:MDK5.25
% L  e" z/ `, x库版本:STM32Cube_FW_F7_V1.9.0
4 C# G2 u( R/ L2 h1 t- N$ cCubeMX版本:4.25.1完成实验一后，实验二就水到渠成了，在GUI Builder中添加两个图片控件,分别来存放背景图和蝴蝶图,这里我们需要把图片素材转成c代码形式，用到的工具是BmpCvtST.exe把背景图拖到该工具中,点击保存，选择c文件格式，这里需注意，格式要选为如下格式：

4 Y1 d3 @6 u; ^/ s+ s7 ?$ m" e4 N蝴蝶图的存储格式如下：

我们会生成5个c文件，如下：
5 b& U# K$ n9 ]% a, F! t; K7 _; {
& f; U- W9 I' [& p. ?$ M3 t把这5个源文件添加到工程中，此外还需在WindowDLG.c中引用这5个图片数据，如下：
/ s6 \3 t, y6 t

1. // USER START (Optionally insert additional defines)
   6 B% t) R4 C/ V8 p
2. extern GUI_CONST_STORAGE GUI_BITMAP bmbackground;
   
3. extern GUI_CONST_STORAGE GUI_BITMAP bmbutterfly_blue;
   + `0 b5 O  C& o8 t
4. extern GUI_CONST_STORAGE GUI_BITMAP bmbutterfly_green;
   
5. extern GUI_CONST_STORAGE GUI_BITMAP bmbutterfly_pink;
   
6. extern GUI_CONST_STORAGE GUI_BITMAP bmbutterfly_yellow;
   
7. // USER END

复制代码

在_cbDialog接口中，我们把两个图片控件的位图设置为我们所生成的背景和蝴蝶蓝

由于需要每隔1s重绘蝴蝶控件,我们还需要一个蝴蝶的索引值，如下：

1. hItem = WM_GetDialogItem(pMsg->hWin, ID_IMAGE_1);
   
2. if(butterfly_idx == 0)
   
3. {
   
4.   IMAGE_SetBitmap(hItem, &bmbutterfly_green);
     f) l; n" g/ E8 x; I" \$ s
5. }
   
6. else if(butterfly_idx == 1)
   " |- o9 q( G; E- e! t6 d
7. {
   + {  W5 `5 B0 L4 E) u" ^' l  ~
8.   IMAGE_SetBitmap(hItem, &bmbutterfly_pink);
   5 C2 z* T; S8 I
9. }
   
10. else if(butterfly_idx == 2)
    ( ^, c' l9 o. ?( d- v5 }; F
11. {
    7 ^3 f- u; k: Y8 s. q+ t- ~% R0 K4 ^
12.   IMAGE_SetBitmap(hItem, &bmbutterfly_yellow);
    / E( b1 O& V) ]7 j
13. }
    
14. else if(butterfly_idx == 3)
    
15. {
    
16.   IMAGE_SetBitmap(hItem, &bmbutterfly_blue);
    0 E4 R+ a* N7 }1 s5 A
17. }
    
18. butterfly_idx += 1;
    
19. butterfly_idx %= 4;

复制代码

由于没有使用OS，1s采用的是延时方式,直接delay的，大体上代码就完成了，编译，下载固件到板卡中就可以看到我们所需要的效果了
8 i7 K9 \0 J7 |7 c+ r
6 m9 e9 x3 E8 G) \' l6 z如果后续还想做更绚丽的GUI就要细看STemWin的手册了，这里只是带你进入STemWin的大门。
最后还是要感谢ST为我们带来了更加强劲的MCU和更加完善的软件框架

学习了，感谢分享