/ F  M- o0 M2 E) D; ]# J4 V+ H      想想车上仪表盘，总得有个时钟，开车的时候可以看看时间。发现GUI控件里有数字时钟，直接拖过来即可。
5 N' b8 C) [# q( `: }3 c4 z如图1：
  U# T( o7 g8 w: q
图1


       接下来就是让时钟走起来。开始还以为拖过来，改改属性栏，时钟就走呢。发现不是这样的，功能还得自己去实现。
! |# k* g  ~/ `+ n# e$ j* G查查资料，再回到其MVP架构，model里有个Tick函数，为时钟提供精准。
+ e* @6 ?8 u! v( r  W* j" m3 R      首先在model.cpp里实现秒分时的定义和初始化，如下所示：
  `. K& m9 x' Z- ]

1. tickCounter++;
   / d5 K) R4 e8 S9 E5 G4 \% m
2.     if (tickCounter >= 60)       // TouchGFX 60Hz = 1 秒
   
3.     {
   
4.         tickCounter = 0;
   
5. 
   2 b! J7 E& Q9 z9 s5 O0 H; i+ K
6.         second++;
   $ X3 o- e1 L& J, _. g8 ?
7.         if (second >= 60) { second = 0; minute++; }
   
8.         if (minute >= 60) { minute = 0; hour++; }
   
9.         if (hour >= 24)   { hour = 0; }
   
10. 
    
11.         modelListener->timeUpdated(hour, minute, second);
    * P' p% j: @/ J4 ]; [
12.     }

复制代码

& ~- {" t6 ~( s9 v2 Y7 z
- O, d( Y6 B+ D     然后需要通过presenter.cpp 去中转这个功能函数，如下所示：

1. view.updateClock(hour, minute, second);

复制代码

$ e' F- ?9 y0 ~' t" l) Z     然后在view.cpp里展示这个函数的运行，如下所示：
: o: @( M3 ?8 B, T* q/ u

1. digitalClock1.setTime24Hour(hour, minute, second);
   
2.     digitalClock1.invalidate();

复制代码

' U/ J& ^4 N/ j+ A     最终运行效果如图2所示：

图2