接上篇：STM32 GUI高阶培训之实验一
, Q; c) n/ o" F
( T7 \8 u+ T7 U- G1 V
3 _* c) m& A! o/ |2 L2 r1 h) f主机环境:Windows 7 SP1开发环境:MDK5.25
库版本:STM32Cube_FW_F7_V1.9.0
CubeMX版本:4.25.1完成实验一后，实验二就水到渠成了，在GUI Builder中添加两个图片控件,分别来存放背景图和蝴蝶图,这里我们需要把图片素材转成c代码形式，用到的工具是BmpCvtST.exe把背景图拖到该工具中,点击保存，选择c文件格式，这里需注意，格式要选为如下格式：

9 |, I0 |( C! ^7 L9 ^- g$ D! `蝴蝶图的存储格式如下：

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

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

1. // USER START (Optionally insert additional defines)
   + U# _1 N/ t3 M( C1 E! f
2. extern GUI_CONST_STORAGE GUI_BITMAP bmbackground;
   ! `$ [: L3 t/ w/ y9 x; y
3. extern GUI_CONST_STORAGE GUI_BITMAP bmbutterfly_blue;
   
4. extern GUI_CONST_STORAGE GUI_BITMAP bmbutterfly_green;
   9 T, e" b/ P9 {6 j7 Z
5. extern GUI_CONST_STORAGE GUI_BITMAP bmbutterfly_pink;
   
6. extern GUI_CONST_STORAGE GUI_BITMAP bmbutterfly_yellow;
   ( G0 V' I- H. ?" y2 U
7. // USER END

复制代码

在_cbDialog接口中，我们把两个图片控件的位图设置为我们所生成的背景和蝴蝶蓝
2 T# k( z/ E7 P" J4 d( e
* d; ?" I/ J! g由于需要每隔1s重绘蝴蝶控件,我们还需要一个蝴蝶的索引值，如下：

1. hItem = WM_GetDialogItem(pMsg->hWin, ID_IMAGE_1);
   
2. if(butterfly_idx == 0)
   
3. {
   
4.   IMAGE_SetBitmap(hItem, &bmbutterfly_green);
   
5. }
   
6. else if(butterfly_idx == 1)
   8 ^5 ~( y% I( E9 F1 i
7. {
   
8.   IMAGE_SetBitmap(hItem, &bmbutterfly_pink);
   ( k* D* d" n8 y. j4 Q
9. }
   
10. else if(butterfly_idx == 2)
    2 D- H/ e$ G3 s' l
11. {
    0 e1 ]% [: h4 ]( Y
12.   IMAGE_SetBitmap(hItem, &bmbutterfly_yellow);
    2 W' E1 m2 ?$ z
13. }
    - O* G& w: @2 f& X: F& K( B0 [( O
14. else if(butterfly_idx == 3)
    / y  a" d/ i. n1 }/ _$ Z
15. {
    
16.   IMAGE_SetBitmap(hItem, &bmbutterfly_blue);
    0 v8 ]2 z/ {( H" O7 r+ Y' `
17. }
    / m' O, R0 c6 H: ?' I. r/ {
18. butterfly_idx += 1;
    " l9 j3 Z1 R' S. I5 R
19. butterfly_idx %= 4;

复制代码

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

7 f, h' k& S# Q7 M! J5 W如果后续还想做更绚丽的GUI就要细看STemWin的手册了，这里只是带你进入STemWin的大门。
; c1 |# H' |7 `% P2 A) |. K最后还是要感谢ST为我们带来了更加强劲的MCU和更加完善的软件框架

学习了，感谢分享