, O" Y- \% N% H% \3 j      想想车上仪表盘，总得有个时钟，开车的时候可以看看时间。发现GUI控件里有数字时钟，直接拖过来即可。
3 L4 }) R. U8 P9 D4 L! c' {; G如图1：

& M9 f+ ]6 V$ b- j$ y$ A# f; W; {图1


       接下来就是让时钟走起来。开始还以为拖过来，改改属性栏，时钟就走呢。发现不是这样的，功能还得自己去实现。
5 G/ p. p6 M8 a查查资料，再回到其MVP架构，model里有个Tick函数，为时钟提供精准。
      首先在model.cpp里实现秒分时的定义和初始化，如下所示：

1. tickCounter++;
   
2.     if (tickCounter >= 60)       // TouchGFX 60Hz = 1 秒
   7 T5 ~6 v3 k& r, H6 O& M) i" W
3.     {
   
4.         tickCounter = 0;
   & i0 _! o* H+ ?/ q
5. 
   , K$ s# o1 O2 L) l. h3 y
6.         second++;
   2 G# n9 `6 F( D7 V" O: j
7.         if (second >= 60) { second = 0; minute++; }
   
8.         if (minute >= 60) { minute = 0; hour++; }
   5 x- r1 Y; F! e/ D  ?" V1 s( p
9.         if (hour >= 24)   { hour = 0; }
   
10. 
    
11.         modelListener->timeUpdated(hour, minute, second);
    
12.     }

复制代码

) m* e: u+ |6 @& b
1 @. A& l( q4 s4 |- \     然后需要通过presenter.cpp 去中转这个功能函数，如下所示：

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

复制代码

  S5 h  k9 w5 J$ w7 R
     然后在view.cpp里展示这个函数的运行，如下所示：

1. digitalClock1.setTime24Hour(hour, minute, second);
   9 F/ Q2 P% q/ ]7 k) q) Z4 U
2.     digitalClock1.invalidate();

复制代码

' ?: R3 v5 e% R+ x5 B
& u: Z+ Z0 R3 R% C5 h% j* D; I     最终运行效果如图2所示：

5 C$ t! B1 l. n+ s图2
8 x" V0 p5 b$ z% ?7 U6 d