想想车上仪表盘，总得有个时钟，开车的时候可以看看时间。发现GUI控件里有数字时钟，直接拖过来即可。
  L0 ^" T5 S% j( X: F/ t" e5 D如图1：

图1
0 l" m  a# t3 W+ t6 D
. {0 G2 G/ n: q2 ]$ T7 H$ ^1 b
- o/ Z. h( w3 n( y) N, g       接下来就是让时钟走起来。开始还以为拖过来，改改属性栏，时钟就走呢。发现不是这样的，功能还得自己去实现。
+ a! F3 k$ H  n$ F4 [查查资料，再回到其MVP架构，model里有个Tick函数，为时钟提供精准。
      首先在model.cpp里实现秒分时的定义和初始化，如下所示：

1. tickCounter++;
   
2.     if (tickCounter >= 60)       // TouchGFX 60Hz = 1 秒
   
3.     {
   % u9 B% g. y# k+ @( z5 ?
4.         tickCounter = 0;
   
5. 
   8 ]# {/ ~/ _* q" N' e5 g; [
6.         second++;
   
7.         if (second >= 60) { second = 0; minute++; }
   
8.         if (minute >= 60) { minute = 0; hour++; }
   
9.         if (hour >= 24)   { hour = 0; }
   
10. 
    8 [, E- J; x% y
11.         modelListener->timeUpdated(hour, minute, second);
    
12.     }

复制代码

0 ]" G) C7 D; N6 C$ M
     然后需要通过presenter.cpp 去中转这个功能函数，如下所示：

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

复制代码

: Z; O8 y1 D+ Y- j0 g
     然后在view.cpp里展示这个函数的运行，如下所示：

1. digitalClock1.setTime24Hour(hour, minute, second);
   $ b8 H1 O6 f2 s6 B: ]. a
2.     digitalClock1.invalidate();

复制代码

( z! T# R0 @* |. c6 }
     最终运行效果如图2所示：

$ L( Z" U4 e- F! V( @8 D图2