接上篇：STM32 GUI高阶培训之实验一
% m, `: c  h  P/ A5 A* I3 N

主机环境:Windows 7 SP1开发环境:MDK5.25
9 d2 W. G1 i+ T库版本:STM32Cube_FW_F7_V1.9.0
CubeMX版本:4.25.1完成实验一后，实验二就水到渠成了，在GUI Builder中添加两个图片控件,分别来存放背景图和蝴蝶图,这里我们需要把图片素材转成c代码形式，用到的工具是BmpCvtST.exe把背景图拖到该工具中,点击保存，选择c文件格式，这里需注意，格式要选为如下格式：

蝴蝶图的存储格式如下：
7 A9 E+ R) ?% Z* X/ D
我们会生成5个c文件，如下：

把这5个源文件添加到工程中，此外还需在WindowDLG.c中引用这5个图片数据，如下：

1. // USER START (Optionally insert additional defines)
   
2. extern GUI_CONST_STORAGE GUI_BITMAP bmbackground;
   2 ?- A0 z* X2 o% _( U
3. extern GUI_CONST_STORAGE GUI_BITMAP bmbutterfly_blue;
   
4. extern GUI_CONST_STORAGE GUI_BITMAP bmbutterfly_green;
   1 p, \( T( Z" X: ]9 n- ?* q2 B
5. extern GUI_CONST_STORAGE GUI_BITMAP bmbutterfly_pink;
   : v* E/ ?7 j' h
6. extern GUI_CONST_STORAGE GUI_BITMAP bmbutterfly_yellow;
   : L4 l5 i- |2 J" s% @- q2 n6 X
7. // USER END

复制代码

在_cbDialog接口中，我们把两个图片控件的位图设置为我们所生成的背景和蝴蝶蓝
2 x# n0 R2 V! G; K6 G% x
. P/ K  D8 r7 d+ T# ^由于需要每隔1s重绘蝴蝶控件,我们还需要一个蝴蝶的索引值，如下：
& @* `4 r6 _7 A% f: N

1. hItem = WM_GetDialogItem(pMsg->hWin, ID_IMAGE_1);
   
2. if(butterfly_idx == 0)
   0 j5 `. \, k. l6 B4 [$ `, `( c
3. {
   6 {0 a# ]; ^1 [, d. k! M. R& z
4.   IMAGE_SetBitmap(hItem, &bmbutterfly_green);
   " W& T. _) }/ I* ^
5. }
   , m  C2 ~. N- S! s% F" A
6. else if(butterfly_idx == 1)
   ) L$ p. r  C2 j
7. {
   5 J8 d8 I/ H& @% f6 P+ P
8.   IMAGE_SetBitmap(hItem, &bmbutterfly_pink);
   
9. }
   3 F" m: s2 p0 {* z# _9 O
10. else if(butterfly_idx == 2)
    
11. {
    , q# {- S6 p- c' g
12.   IMAGE_SetBitmap(hItem, &bmbutterfly_yellow);
    
13. }
    
14. else if(butterfly_idx == 3)
    ! [4 ?: q7 Q9 w: p; D# L- d! O
15. {
    ) H9 n, H8 ^9 Z; v1 C' R
16.   IMAGE_SetBitmap(hItem, &bmbutterfly_blue);
    ' v6 T8 i5 Y& z' E/ R* @
17. }
    
18. butterfly_idx += 1;
    ! W* `3 U4 s2 X' V3 M6 N/ D! K
19. butterfly_idx %= 4;

复制代码

由于没有使用OS，1s采用的是延时方式,直接delay的，大体上代码就完成了，编译，下载固件到板卡中就可以看到我们所需要的效果了
6 v" @# \& ]0 Z9 V+ M6 _$ z
如果后续还想做更绚丽的GUI就要细看STemWin的手册了，这里只是带你进入STemWin的大门。
最后还是要感谢ST为我们带来了更加强劲的MCU和更加完善的软件框架

学习了，感谢分享