想想车上仪表盘，总得有个时钟，开车的时候可以看看时间。发现GUI控件里有数字时钟，直接拖过来即可。
如图1：

图1


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

1. tickCounter++;
   
2.     if (tickCounter >= 60)       // TouchGFX 60Hz = 1 秒
   
3.     {
   
4.         tickCounter = 0;
   
5. 
   
6.         second++;
   
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);
    
12.     }

复制代码

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

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

复制代码

     然后在view.cpp里展示这个函数的运行，如下所示：

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

复制代码

     最终运行效果如图2所示：

图2