一、生成代码

在TouchGFX Designer按F4可以生成代码

从代码目录中可以看出，生成的目录已经直接支持多个常用平台，如：IAR，Keil，stm32cubeide等。我用的是stm32cubeide。

为方便以下讲解先把需要的源码位置先标示出来

二、照葫芦画瓢，自建example

重建一个基于STM32H745I-DISCO空白工程，按照example，布局按键和显示，各控件的命名与原来一直。只做了些微调和增加一个复位按钮。

设置按键单击事件

生成代码后，会在MainViewBase.hpp中建一个MainViewBase类，类中定义了按键的虚函数（上图：Action中设置）。

在MainViewBase.cpp中设置了回调

具体实现：

首先在MainView.hpp中创建MainView类，继承自MainViewBase类

然后在MainView.cpp中编写各按键具体操作函数和刷新显示函数

void MainView::increaseValue()
{
    count = (count++ > UPPER_LIMIT) ? UPPER_LIMIT : count;
    updateGFXElements();
}

void MainView::decreaseValue()
{
    count = (count-- <= LOWER_LIMIT) ? LOWER_LIMIT : count;
    updateGFXElements();
}

void MainView::resetValue()
{
        count = 0;
        updateGFXElements();
}

void MainView::updateGFXElements()
{
    //Counter text area GFX uptade.
    Unicode::snprintf(countTxtBuffer, 3, "%d", count);
    //Button GFX update and touchable.
    if (count < UPPER_LIMIT)
    {
        buttonUp.setBitmaps(Bitmap(BITMAP_UP_BTN_ID), Bitmap(BITMAP_UP_BTN_PRESSED_ID));
        buttonUp.setTouchable(true);
    }
    else
    {
        buttonUp.setBitmaps(Bitmap(BITMAP_UP_BTN_DISABLED_ID), Bitmap(BITMAP_UP_BTN_DISABLED_ID));
        buttonUp.setTouchable(false);
    }
    if (count > LOWER_LIMIT)
    {
        buttonDown.setBitmaps(Bitmap(BITMAP_DOWN_BTN_ID), Bitmap(BITMAP_DOWN_BTN_PRESSED_ID));
        buttonDown.setTouchable(true);
    }
    else
    {
        buttonDown.setBitmaps(Bitmap(BITMAP_DOWN_BTN_DISABLED_ID), Bitmap(BITMAP_DOWN_BTN_DISABLED_ID));
        buttonDown.setTouchable(false);
    }
    // Invalidate all GFX area, which will result in it being redrawn in next tick.
    countTxt.invalidate();
    buttonUp.invalidate();
    buttonDown.invalidate();
}

如何与显示关联起来
- ?7 H, u: F( \. k6 n; K


0 ~; t- W! e7 L2 d# X& q* [在把钩打上，就会在MainViewBase.hpp的MainViewBase类内，建立一个buffer。

* R/ M/ p! `2 c```
8 N0 s$ E* J6 f3 {8 v* e    /*
     * Wildcard Buffers
     */
  ?, T+ U3 ]. i9 s: t; p    static const uint16_t COUNTTXT_SIZE = 3;
! ~5 ]" \5 W# Y" L* }  D    touchgfx::Unicode::UnicodeChar countTxtBuffer[COUNTTXT_SIZE];
4 R9 G# v7 A5 d6 ^8 S3 C/ z# x```
( F7 Q9 M" g( S* {
9 k2 l2 R  P6 n7 Q在MainView.cpp的刷新显示函数里，往这个buffer里填入count值就行了

% a/ z" `' q* E% i, E```
5 S" G' }2 ?# n& i% o( ]- ivoid MainView::updateGFXElements()
{
6 @/ c9 e$ s) T    //Counter text area GFX uptade.
) Y& q. d) @& {2 @* h+ d9 O6 r! i( C6 ?    Unicode::snprintf(countTxtBuffer, 3, "%d", count);
4 \( t' h/ j' L% M+ i8 O+ G! t4 y    //Button GFX update and touchable.
9 B. j9 e# @, [3 C% Q```
9 W" }6 F1 L+ t& S/ W9 c" |6 ^
5 R- v" T8 L4 k三、效果
/ L9 y  X; b! k4 Y+ ^9 Y$ C* O/ k$ r
0 W# |" E+ {0 n0 n- k. o