接上篇：STM32 GUI高阶培训之实验一
# q% s! C/ L/ b
) K. m: ]3 F. P' z
6 G# s1 E6 I8 m, \# f  o6 C  E主机环境:Windows 7 SP1开发环境:MDK5.25
- N+ J: y1 ]- }1 L8 a: l; X库版本:STM32Cube_FW_F7_V1.9.0
CubeMX版本:4.25.1完成实验一后，实验二就水到渠成了，在GUI Builder中添加两个图片控件,分别来存放背景图和蝴蝶图,这里我们需要把图片素材转成c代码形式，用到的工具是BmpCvtST.exe把背景图拖到该工具中,点击保存，选择c文件格式，这里需注意，格式要选为如下格式：

% A1 w) z6 m& J  N蝴蝶图的存储格式如下：

我们会生成5个c文件，如下：
' ]1 w1 {) f. n+ V' i9 ]) M# \
. S. ]2 y  z$ T! ^把这5个源文件添加到工程中，此外还需在WindowDLG.c中引用这5个图片数据，如下：

1. // USER START (Optionally insert additional defines)
     I- E# I6 ^9 V' E
2. extern GUI_CONST_STORAGE GUI_BITMAP bmbackground;
   
3. extern GUI_CONST_STORAGE GUI_BITMAP bmbutterfly_blue;
   
4. extern GUI_CONST_STORAGE GUI_BITMAP bmbutterfly_green;
   & n5 q' d2 t: F0 @$ E
5. extern GUI_CONST_STORAGE GUI_BITMAP bmbutterfly_pink;
   
6. extern GUI_CONST_STORAGE GUI_BITMAP bmbutterfly_yellow;
     S! a2 A$ E0 L' `- |9 c
7. // USER END

复制代码

在_cbDialog接口中，我们把两个图片控件的位图设置为我们所生成的背景和蝴蝶蓝
" G  q$ z) u" V" w( M* W
( {  y! W' t9 T, C1 P' D由于需要每隔1s重绘蝴蝶控件,我们还需要一个蝴蝶的索引值，如下：

1. hItem = WM_GetDialogItem(pMsg->hWin, ID_IMAGE_1);
   ; c  h* |, b" k& ~+ q; @: G  J7 y* u' N
2. if(butterfly_idx == 0)
   
3. {
   % U( X' h" ~) m' g" G8 s' H& Q6 r% w
4.   IMAGE_SetBitmap(hItem, &bmbutterfly_green);
   
5. }
   
6. else if(butterfly_idx == 1)
   ) k. l$ _3 ^% B. T6 {
7. {
   
8.   IMAGE_SetBitmap(hItem, &bmbutterfly_pink);
   / `  k; Q$ P8 J
9. }
   
10. else if(butterfly_idx == 2)
    
11. {
    / i& Z. k: m/ C7 p7 z
12.   IMAGE_SetBitmap(hItem, &bmbutterfly_yellow);
    % p( t; K& C; k6 h- H
13. }
    
14. else if(butterfly_idx == 3)
    + ]8 m+ Q5 y; P8 d
15. {
    0 Z* X- ^1 e3 C# ~
16.   IMAGE_SetBitmap(hItem, &bmbutterfly_blue);
    
17. }
    
18. butterfly_idx += 1;
    9 n. ^1 w+ m5 y" a
19. butterfly_idx %= 4;

复制代码

由于没有使用OS，1s采用的是延时方式,直接delay的，大体上代码就完成了，编译，下载固件到板卡中就可以看到我们所需要的效果了
- I8 l- j: c5 ?5 S2 v  D
如果后续还想做更绚丽的GUI就要细看STemWin的手册了，这里只是带你进入STemWin的大门。
最后还是要感谢ST为我们带来了更加强劲的MCU和更加完善的软件框架

学习了，感谢分享