6 s1 {/ x  s2 ]/ @/ \5 {& h% n5 j+ a      想想车上仪表盘，总得有个时钟，开车的时候可以看看时间。发现GUI控件里有数字时钟，直接拖过来即可。
% ~" [7 V) ?" \8 Y  C9 J如图1：

图1
0 F3 L/ f& d: Z4 Y# y! H3 v

       接下来就是让时钟走起来。开始还以为拖过来，改改属性栏，时钟就走呢。发现不是这样的，功能还得自己去实现。
2 p6 `4 w* `2 s/ {0 h: o8 S5 k查查资料，再回到其MVP架构，model里有个Tick函数，为时钟提供精准。
* `! s+ i9 d( u9 A# K8 w& _      首先在model.cpp里实现秒分时的定义和初始化，如下所示：

1. tickCounter++;
   7 W3 G& k+ n+ _
2.     if (tickCounter >= 60)       // TouchGFX 60Hz = 1 秒
   
3.     {
   8 t9 i0 ?! L; j: Q! `$ D
4.         tickCounter = 0;
   
5. 
   & s$ e* ]6 \- I7 M) Q/ u
6.         second++;
   6 [1 |0 f  M! e5 d# Y
7.         if (second >= 60) { second = 0; minute++; }
   2 \* l7 H" @. i+ C) H; k
8.         if (minute >= 60) { minute = 0; hour++; }
   
9.         if (hour >= 24)   { hour = 0; }
   
10. 
    2 X) e+ c, f- T
11.         modelListener->timeUpdated(hour, minute, second);
    
12.     }

复制代码

     然后需要通过presenter.cpp 去中转这个功能函数，如下所示：

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

复制代码

# c) w$ |- e3 B2 ^2 O
     然后在view.cpp里展示这个函数的运行，如下所示：

1. digitalClock1.setTime24Hour(hour, minute, second);
   7 d/ K" t$ N/ l2 Z) z" {
2.     digitalClock1.invalidate();

复制代码

     最终运行效果如图2所示：
4 Z& W' W* n- n0 N  P  U
图2