, e! a- A9 `2 q      想想车上仪表盘，总得有个时钟，开车的时候可以看看时间。发现GUI控件里有数字时钟，直接拖过来即可。
4 n6 f* w: K) [( k, J; s如图1：
1 W$ D( H1 W6 f1 |0 P! H, i) ?% Z4 d4 L
图1
' M" \# c/ R3 j) _$ W
" @7 o8 |! ]" E  W( Q
1 i) d( ?! B: s6 ]: `* ^; ^       接下来就是让时钟走起来。开始还以为拖过来，改改属性栏，时钟就走呢。发现不是这样的，功能还得自己去实现。
查查资料，再回到其MVP架构，model里有个Tick函数，为时钟提供精准。
      首先在model.cpp里实现秒分时的定义和初始化，如下所示：
. a/ t" z$ E- h6 \

1. tickCounter++;
   3 v, `+ h2 p% [7 g
2.     if (tickCounter >= 60)       // TouchGFX 60Hz = 1 秒
   
3.     {
   ; t3 O% J  [* R) V% I+ S, l9 K% Z2 X* ?
4.         tickCounter = 0;
   
5. 
   ' ]$ ~. Q1 ^  ]$ X& q7 P5 g* |+ l
6.         second++;
   5 K0 u; X" d% f
7.         if (second >= 60) { second = 0; minute++; }
   , |0 D% L. [: e/ |, W: F! [% g: X) }
8.         if (minute >= 60) { minute = 0; hour++; }
   
9.         if (hour >= 24)   { hour = 0; }
   
10. 
    & {5 w4 C$ t' J: ]4 d. d2 Q
11.         modelListener->timeUpdated(hour, minute, second);
    & R0 z4 ]' z. [$ |( @1 H
12.     }

复制代码

; s; w) f* s' F2 k& [* L: m$ L
6 x# @8 I8 ]! d8 T. _: j  ~' l# i& n' i     然后需要通过presenter.cpp 去中转这个功能函数，如下所示：
$ B' d2 _* x- n+ H, c* H7 l8 `4 }4 P

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

复制代码

- c. R; ?% h" m     然后在view.cpp里展示这个函数的运行，如下所示：
. s8 ~, }. J4 u$ ?6 G" b

1. digitalClock1.setTime24Hour(hour, minute, second);
   * D5 U! ~# `) [; z4 }( W1 {
2.     digitalClock1.invalidate();

复制代码

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

图2
$ F6 y; `2 P  D" n' H* W  R  Y