软件：CubeMX5.26
             IAR 8.30
             GUIBulider
) {+ I$ s2 w7 f6 E! F3 W) @( b: |7 g5 E             B2C

- C+ C$ X; a- M( Y! P% {) y/ v% |  硬件：STM32F769NI—Disco

  自不用说，这个评估板是很多板友朝思暮想的对象，三生有幸通过了活动，收到了开发板，以为心中激动，其实不然，这个板子功能强大，不可能将其全部开发和解读，既然是GUI就从GUI来开始上手。
  已经有坛友完成了实验一，很简单，也很基础，实验二同样简单，只不过多了一个STemwin很少有教程提到的窗口重绘。之前有自己的项目要用到重绘，然而不会用，官方手册写的很模糊。以下是以实验一为基础，不再赘述。注意实验二不是我要说的重点，STM中文官网已经有源码和视频教程，一步步来不容易出错。

  一、 略过CubeMX配置直接开始GUIBuilder，创建Windows控件，800-480（长宽）。 俩image， 这是第一个image控件的设置， 这是第二个image控件设置。
4 O7 W( }% y" w' Z
; s$ P( K& f% d9 {8 V二、利用B2C软件图片转C文件，这一步我没有做直接用官网下载的工程里面的几个C文件，使用很简单，不多说。
& D; d* z9 Z! |7 t" a% r/ x" g, ^
把这几个C加入工程，我放到了这里 ，不需要再改别的，非常快速。
3 L& ]& y( D) M  h9 X  k# k+ l
在WindowDLG文件中加入：
0 @5 h, p1 V2 Q! f' _
extern GUI_CONST_STORAGE GUI_BITMAP bmbackground_new;
' M3 @  a6 S( X( ?extern GUI_CONST_STORAGE GUI_BITMAP bmbutterfly_blue;
3 ~4 T: s7 s! b" \; L$ B' H/ }/ sextern GUI_CONST_STORAGE GUI_BITMAP bmbutterfly_green;
extern GUI_CONST_STORAGE GUI_BITMAP bmbutterfly_pink;
# N3 S/ J3 E0 H. K6 wextern GUI_CONST_STORAGE GUI_BITMAP bmbutterfly_yellow;

static int butterfly_status;

. w9 z. Z$ o. ]# j  X  p  R) p
$ N# y, i. U' A! _" f; q
三、 WindowDLG文件在窗口初始化和回调中加入。
$ T0 D- p6 n5 ?! p% O! k6 e5 T+ b) w0 G
0 u0 X8 f+ n" _5 H
$ w$ u! U! q2 s% [' h: L# }6 x  p switch (pMsg->MsgId) {
  case WM_INIT_DIALOG:
    //
    // Initialization of 'background'
    //
/ Z, w' x& `1 d, C# e1 {    hItem = WM_GetDialogItem(pMsg->hWin, ID_IMAGE_0);
- ^/ ?! R6 g* U+ H: u& V    IMAGE_SetBitmap(hItem, &bmbackground_new);
$ E1 Q' M& K2 X    //pData = _GetImageById(ID_IMAGE_0_IMAGE_0, &FileSize);
    //IMAGE_SetBMP(hItem, pData, FileSize);
    //
    // Initialization of 'butterfly'
    //
3 E; a, M+ u6 o7 l    hItem = WM_GetDialogItem(pMsg->hWin, ID_IMAGE_1);
2 z1 r; R& @, m2 O1 B' N    IMAGE_SetBitmap(hItem, &bmbutterfly_blue);
    //pData = _GetImageById(ID_IMAGE_1_IMAGE_0, &FileSize);
    //IMAGE_SetBMP(hItem, pData, FileSize);
/ o/ G; Y# O6 u! |( U2 l    // USER START (Optionally insert additional code for further widget initialization)
5 ?1 U7 t6 O' Y0 ~" E    // USER END
5 E- G' v" ?9 P/ ^# c# Z4 R    break;
2 u( O+ R  H, {, t: ]  p7 w/ {  // USER START (Optionally insert additional message handling)
  // USER END
  default:
   
    if(butterfly_status == 0)
    {
) `/ F% a/ L1 v9 ]) B. s        hItem = WM_GetDialogItem(pMsg->hWin, ID_IMAGE_1);
        IMAGE_SetBitmap(hItem, &bmbutterfly_yellow);
& L' a- U* a, b; Y2 ^% o1 |        butterfly_status = 1;
    }
    else if(butterfly_status == 1)
. E% e& L+ f: b* ^: T5 G! e    {
3 [' h' W+ V# D        hItem = WM_GetDialogItem(pMsg->hWin, ID_IMAGE_1);
        IMAGE_SetBitmap(hItem, &bmbutterfly_pink);
; X; d. F& r1 i; j. H        butterfly_status = 2;
    }
    else if(butterfly_status == 2)
    {
        hItem = WM_GetDialogItem(pMsg->hWin, ID_IMAGE_1);
        IMAGE_SetBitmap(hItem, &bmbutterfly_green);
  p  }; ]# V8 X' d, n+ I: k) ~        butterfly_status = 3;
    }
    else
    {
        hItem = WM_GetDialogItem(pMsg->hWin, ID_IMAGE_1);
        IMAGE_SetBitmap(hItem, &bmbutterfly_blue);
        butterfly_status = 0;
    }
+ a( c7 s! Z2 Z* t+ s   
    WM_DefaultProc(pMsg);
    break;
  }

四、GUI_App.c中添加
    void GRAPHICS_MainTask(void) {
' j7 ~/ S$ t9 Y
+ {/ q5 ~; f% i( _* P6 ^8 e, m  /* 2- Create a Window using GUIBuilder */
) Z, `* w% j2 B. {+ s6 @  WM_HWIN hWin = CreateWindow(); //获取目标窗口

/* USER CODE BEGIN GRAPHICS_MainTask */
- ?0 t( ^* M8 l+ ?- e /* User can implement his graphic application here */
  /* Hello Word example */
' {3 h) S' ?' r* G/*    GUI_Clear();
& C1 M% p+ z* ^    GUI_SetColor(GUI_WHITE);
$ w$ k1 s& b7 p    GUI_SetFont(&GUI_Font32_1);
    GUI_DispStringAt("Hello world!", (LCD_GetXSize()-150)/2, (LCD_GetYSize()-20)/2);
' ]3 h6 ]2 r+ h4 K* z; f$ D   */
/* USER CODE END GRAPHICS_MainTask */
; D5 m7 u" x& u/ L  while(1)
{
  
/ L" G8 ^" s' A1 j& `      WM_InvalidateWindow(hWin);//重绘
2 p" b! M: `2 D7 w. y" w/ z) {      GUI_Delay(1000);
1 g7 M: \4 `+ C! H7 l- O: W' L. _* ]      
) H0 S; v" ]2 p4 B3 v5 V2 n' U
}
}
% f& N1 `" X0 Q0 M4 K  r2 J
2 m3 O$ \0 J1 [
. `& y2 F( q, y6 V' I$ K, K可以编译上电！（编译后会有一个warning，可以忽略）


$ X7 Z4 a* e6 L% S8 e9 x亲测IAR、TrueStudio以及各路IDE都是这个warningMDK不报错。
! ^3 d. W% T+ d' P
4 a- y( n' Q5 ^) }7 f

: Q( Z+ n" _) w1 \我的机子不知道为什么开机先显示这个，然后非常正常。不知道是否与那个IAR的Warning有关。

/ h% Q" b2 l* D1 B5 d) s
（不好意思，没有动图）

//*****************************重点分割线*********************************//
一、   官方解读， ，类似的 、 ，从Info的介绍可以看出对应的三个不同对象分别是整个窗口、窗口的一部分和区域，有空可以对这三个东西测试，观察不同。
9 P# k  u* l8 X+ Y- X
* M/ a; N7 F4 v( q二、ST买了TouchGFX会出免费的工具？这个我不知道，我只知道我提前体验了一把TouchGFX，利用TouchGFX Designer （类似GUIBuilder）。 据我了解生成DISCO板的工程完全没有问题，只不过有试用期，而且有源码。在哪下？

我会不告诉你么？
6 Z/ c! F0 H& R. i/ C8 I2 Z9 T去官网，在下拉栏里选择TouchGFX Designer，然后填写各种信息，然后官方会发送邮件（回复可能比较慢），里面带这个软件的下载地址。安装好了然后开始使用啊！
选择Disco平台，也可以使用模拟器（软件自带）。

) c4 y: \, `% j; a0 J/ t 选择Demo，Zombie大战骑士。
' ^: U1 i& q, K6 Q! p3 P- o7 Z6 o
选择Run，就可以直接运行了，源代码是Cpp。
; |6 i8 Q( Z5 [; v1 o. O* g
; E* g! S# G& @+ o  G三、以上都是非常简单的东西，Disco资源很多，需要时间去开发，后续希望我有能力也有时间出精品，轻喷。
9 _0 G+ _0 r2 E, d
, J) K9 L$ h( b/ r! b4 i

6 R3 b$ ]- r/ K5 a5 ~" k
% M( ~# a; B( U  K

谢谢分享啦，很详细，但是第一篇怎么没找到啊，，

看着好强大的工具

zero99 发表于 2018-7-18 11:20
谢谢分享啦，很详细，但是第一篇怎么没找到啊，，

8 `2 y% Q2 E5 H) N' _/ X实验一很多坛友分享了，我再发出来感觉很水啊

andeyqi 发表于 2018-7-18 12:27
: Y8 A& h2 L2 L6 T- I+ B试验二的图片资源文件在哪能搞到，有的话上传下分享下呗

6 u- f: Z" D0 W5 s; d+ s已传