接上篇：STM32 GUI高阶培训之实验一
4 O6 Z" `6 v6 y2 ?" s' ~
/ L* |0 t5 j7 [  W0 W  @$ L
+ e+ `# K1 S0 T0 [" q6 D; S主机环境:Windows 7 SP1开发环境:MDK5.25
& O; w- x# q! I+ b% j/ {) F* @库版本:STM32Cube_FW_F7_V1.9.0
9 m4 o# R: l% T1 C$ ACubeMX版本:4.25.1完成实验一后，实验二就水到渠成了，在GUI Builder中添加两个图片控件,分别来存放背景图和蝴蝶图,这里我们需要把图片素材转成c代码形式，用到的工具是BmpCvtST.exe把背景图拖到该工具中,点击保存，选择c文件格式，这里需注意，格式要选为如下格式：

! H. l: s5 n/ J- w+ b  ~/ Z! B* p蝴蝶图的存储格式如下：

我们会生成5个c文件，如下：
! A0 K4 }9 b4 r" M  q: C1 g
把这5个源文件添加到工程中，此外还需在WindowDLG.c中引用这5个图片数据，如下：

1. // USER START (Optionally insert additional defines)
   
2. extern GUI_CONST_STORAGE GUI_BITMAP bmbackground;
   2 J5 Y# ?( J- ~# [/ ]
3. extern GUI_CONST_STORAGE GUI_BITMAP bmbutterfly_blue;
     B' ~  Y, ], k
4. extern GUI_CONST_STORAGE GUI_BITMAP bmbutterfly_green;
   
5. extern GUI_CONST_STORAGE GUI_BITMAP bmbutterfly_pink;
   . ]+ R/ x* q/ V& y" C; H
6. extern GUI_CONST_STORAGE GUI_BITMAP bmbutterfly_yellow;
   
7. // USER END

复制代码

在_cbDialog接口中，我们把两个图片控件的位图设置为我们所生成的背景和蝴蝶蓝
* u4 m, h4 @; X. b9 g' n; {
由于需要每隔1s重绘蝴蝶控件,我们还需要一个蝴蝶的索引值，如下：
# A: ?; h1 J3 d% a' `8 x. p4 N) o

1. hItem = WM_GetDialogItem(pMsg->hWin, ID_IMAGE_1);
   . O0 R0 a  [) F, `* B
2. if(butterfly_idx == 0)
   
3. {
   
4.   IMAGE_SetBitmap(hItem, &bmbutterfly_green);
   & U8 x! M3 b1 _" P
5. }
   ) K6 _, J5 K4 I3 H$ d
6. else if(butterfly_idx == 1)
   
7. {
   
8.   IMAGE_SetBitmap(hItem, &bmbutterfly_pink);
   ; F: I( l1 K- r# E6 x$ h4 S
9. }
   
10. else if(butterfly_idx == 2)
    
11. {
    
12.   IMAGE_SetBitmap(hItem, &bmbutterfly_yellow);
    
13. }
    3 b- F: H2 l0 N! P. X9 f
14. else if(butterfly_idx == 3)
    
15. {
    
16.   IMAGE_SetBitmap(hItem, &bmbutterfly_blue);
    
17. }
    
18. butterfly_idx += 1;
    * Q$ U& K1 _0 A+ S/ U- G
19. butterfly_idx %= 4;

复制代码

由于没有使用OS，1s采用的是延时方式,直接delay的，大体上代码就完成了，编译，下载固件到板卡中就可以看到我们所需要的效果了
0 X$ x0 i1 `( w+ s- o
如果后续还想做更绚丽的GUI就要细看STemWin的手册了，这里只是带你进入STemWin的大门。
最后还是要感谢ST为我们带来了更加强劲的MCU和更加完善的软件框架
8 t+ L/ n# O) |  C+ \. o

学习了，感谢分享