接上篇：STM32 GUI高阶培训之实验一


主机环境:Windows 7 SP1开发环境:MDK5.25
库版本:STM32Cube_FW_F7_V1.9.0
6 x/ w+ U+ C/ k1 |' y* ]3 @1 gCubeMX版本:4.25.1完成实验一后，实验二就水到渠成了，在GUI Builder中添加两个图片控件,分别来存放背景图和蝴蝶图,这里我们需要把图片素材转成c代码形式，用到的工具是BmpCvtST.exe把背景图拖到该工具中,点击保存，选择c文件格式，这里需注意，格式要选为如下格式：
# \/ `) F7 W  h# {# f# N
% S6 V- X( ]" _' T蝴蝶图的存储格式如下：

2 U+ g; a# j9 Y& s" u5 B; g我们会生成5个c文件，如下：

把这5个源文件添加到工程中，此外还需在WindowDLG.c中引用这5个图片数据，如下：
( A) a  [% s- `4 h9 R

1. // USER START (Optionally insert additional defines)
   # n& F) t9 M2 F5 j4 j
2. extern GUI_CONST_STORAGE GUI_BITMAP bmbackground;
   / s% [3 m- f+ ]. n% u! y
3. extern GUI_CONST_STORAGE GUI_BITMAP bmbutterfly_blue;
   
4. extern GUI_CONST_STORAGE GUI_BITMAP bmbutterfly_green;
   " G( r3 D; d% \. N2 c4 T
5. extern GUI_CONST_STORAGE GUI_BITMAP bmbutterfly_pink;
   9 a5 c1 a/ b) @2 Y1 {! i2 t
6. extern GUI_CONST_STORAGE GUI_BITMAP bmbutterfly_yellow;
   
7. // USER END

复制代码

在_cbDialog接口中，我们把两个图片控件的位图设置为我们所生成的背景和蝴蝶蓝

  _& |* E7 `* w/ @由于需要每隔1s重绘蝴蝶控件,我们还需要一个蝴蝶的索引值，如下：

1. hItem = WM_GetDialogItem(pMsg->hWin, ID_IMAGE_1);
   1 S( J4 g' G  }0 C; t' Z( v% Z  `
2. if(butterfly_idx == 0)
   4 i9 V& j& `- D. j# h3 L
3. {
   
4.   IMAGE_SetBitmap(hItem, &bmbutterfly_green);
   5 I6 q( a6 Q% [# N% S' d
5. }
   
6. else if(butterfly_idx == 1)
   
7. {
   
8.   IMAGE_SetBitmap(hItem, &bmbutterfly_pink);
   4 D& M7 g3 i: P2 y: ?7 k% x: x/ u8 `/ S
9. }
   9 c% o$ {% m; F" j0 e
10. else if(butterfly_idx == 2)
    ' g6 b" s! J8 K- L
11. {
    + ?1 Y  L) K+ Q$ n6 E7 N4 j
12.   IMAGE_SetBitmap(hItem, &bmbutterfly_yellow);
    + J. {( _2 V: W  |- L  c
13. }
    $ h( X4 ^4 R- j+ B
14. else if(butterfly_idx == 3)
    
15. {
    / _7 P/ r  H1 o" B
16.   IMAGE_SetBitmap(hItem, &bmbutterfly_blue);
    
17. }
    ! N) e0 n) L7 h) z( m
18. butterfly_idx += 1;
    
19. butterfly_idx %= 4;

复制代码

由于没有使用OS，1s采用的是延时方式,直接delay的，大体上代码就完成了，编译，下载固件到板卡中就可以看到我们所需要的效果了
, D9 D  |' F5 K% j6 I% e' G5 D
8 ?9 N+ F4 C/ k) x) S0 i如果后续还想做更绚丽的GUI就要细看STemWin的手册了，这里只是带你进入STemWin的大门。
最后还是要感谢ST为我们带来了更加强劲的MCU和更加完善的软件框架

学习了，感谢分享