接上篇：STM32 GUI高阶培训之实验一
; N) s) L2 L0 B6 c& Y. n& E

/ t% @4 b6 Y" I/ E5 i" i主机环境:Windows 7 SP1开发环境:MDK5.25
, i( j9 R1 C! M. s) S4 i& s+ \库版本:STM32Cube_FW_F7_V1.9.0
CubeMX版本:4.25.1完成实验一后，实验二就水到渠成了，在GUI Builder中添加两个图片控件,分别来存放背景图和蝴蝶图,这里我们需要把图片素材转成c代码形式，用到的工具是BmpCvtST.exe把背景图拖到该工具中,点击保存，选择c文件格式，这里需注意，格式要选为如下格式：
' v" X3 @$ y0 B, z& |
8 i: Q% T  ?' K2 a* z蝴蝶图的存储格式如下：

我们会生成5个c文件，如下：

* v2 a& U+ V7 b& B/ m把这5个源文件添加到工程中，此外还需在WindowDLG.c中引用这5个图片数据，如下：
; m. K  H4 b3 K! D# Q  L

1. // USER START (Optionally insert additional defines)
   3 |6 h! P1 `4 G; @8 w0 z- ]7 J
2. extern GUI_CONST_STORAGE GUI_BITMAP bmbackground;
   
3. extern GUI_CONST_STORAGE GUI_BITMAP bmbutterfly_blue;
   , ~/ I( \6 [: j$ x
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;
   " X0 Z! [5 f/ T4 K  k
7. // USER END

复制代码

在_cbDialog接口中，我们把两个图片控件的位图设置为我们所生成的背景和蝴蝶蓝
3 a  `" t8 V& @0 I8 H7 X' P, |! [
- v8 L8 h0 S% m. {由于需要每隔1s重绘蝴蝶控件,我们还需要一个蝴蝶的索引值，如下：

1. hItem = WM_GetDialogItem(pMsg->hWin, ID_IMAGE_1);
   1 p$ v5 E; S/ z$ z, E
2. if(butterfly_idx == 0)
   / o: g$ Z3 n0 n1 F4 g2 l
3. {
   ! i: r/ Y2 I! ^9 ]2 @0 }/ R8 |& i, D
4.   IMAGE_SetBitmap(hItem, &bmbutterfly_green);
   
5. }
   ; P- }7 I0 B  c4 [4 W( A8 Q; N
6. else if(butterfly_idx == 1)
   / o' O9 e1 Z( ?; F7 ^
7. {
   
8.   IMAGE_SetBitmap(hItem, &bmbutterfly_pink);
   
9. }
   
10. else if(butterfly_idx == 2)
    
11. {
    0 u5 A' b( v* a$ t+ s  l8 @
12.   IMAGE_SetBitmap(hItem, &bmbutterfly_yellow);
    0 \( Y9 v( v+ Y! t/ V- A
13. }
    
14. else if(butterfly_idx == 3)
    
15. {
    
16.   IMAGE_SetBitmap(hItem, &bmbutterfly_blue);
    
17. }
    
18. butterfly_idx += 1;
    1 C. k" v) c$ k) z; i
19. butterfly_idx %= 4;

复制代码

由于没有使用OS，1s采用的是延时方式,直接delay的，大体上代码就完成了，编译，下载固件到板卡中就可以看到我们所需要的效果了

  z- }2 m8 i% v4 ?/ {6 V0 i如果后续还想做更绚丽的GUI就要细看STemWin的手册了，这里只是带你进入STemWin的大门。
& n" B! `0 m: H3 k4 F最后还是要感谢ST为我们带来了更加强劲的MCU和更加完善的软件框架
8 u, U: Z) K+ o( \) K

学习了，感谢分享