閑著沒(méi)事，教大家怎么制作一個(gè)時(shí)鐘吧。這個(gè)秒鐘是會(huì)一秒一秒往上跳，而且會(huì)進(jìn)行分鐘，小時(shí)的遞進(jìn)。
第一步
打開Axure，拖曳三個(gè)文本部件過(guò)來(lái)。第一個(gè)文本標(biāo)簽命名為'小時(shí)'。第二個(gè)命名為'分鐘'，第三個(gè)命名為'秒鐘'。
第二步
在頁(yè)面交互-頁(yè)面載入時(shí)中，添加三個(gè)變量，分別叫做'xiaoshi'‘fenzhong’‘miaozhong'。
這三個(gè)變量分別用來(lái)存放小時(shí)值，分鐘值，秒鐘值。對(duì)了，別忘了給他們定一個(gè)默認(rèn)值。這個(gè)默認(rèn)值會(huì)是你剛開始載入頁(yè)面時(shí)的展示時(shí)鐘，比如11,22,33。
然后我們要做一個(gè)大事——將變量值和第一步的文本標(biāo)簽綁定。
![Uploading 4_275996.png . . .]
左側(cè)動(dòng)作中的'部件'下，有一個(gè)設(shè)置文本，這個(gè)動(dòng)作是用來(lái)設(shè)置文本標(biāo)簽的內(nèi)容的，我們把第一步命名的三個(gè)文本標(biāo)簽，分別設(shè)置值為變量xiaoshi,fenzhong,miaozhong。
確認(rèn)后預(yù)覽一下
成這樣了，這是因?yàn)槿齻€(gè)變量的默認(rèn)值被我設(shè)為了11,22,33。
第三步 讓秒鐘動(dòng)起來(lái)！
怎么樣讓秒鐘動(dòng)起來(lái)呢？讓變量'秒鐘'每隔1秒+1就可以了！
怎么控制變量每隔一秒+1呢？
我們拖入兩個(gè)動(dòng)態(tài)面板。一個(gè)叫'gong',一個(gè)叫'shou'（不要問(wèn)我什么意思）。其中g(shù)ong面板有兩個(gè)狀態(tài)。
我們讓頁(yè)面載入'時(shí)，就把gong面板的狀態(tài)更改為Next。
這個(gè)步驟就像是推倒多米諾骨牌的第一手，gong面板的'面板狀態(tài)改變時(shí)'事件會(huì)被觸發(fā)。此時(shí)先等待1秒鐘，然后移動(dòng)shou面板到相對(duì)位置（0，0）。（其實(shí)沒(méi)有移動(dòng)）如下圖：
雖然shou沒(méi)有移動(dòng)，但也會(huì)觸發(fā)'移動(dòng)時(shí)'事件。點(diǎn)擊shou面板右側(cè)的交互'移動(dòng)'，設(shè)置變量[[miaozhong]]為[[miaozhong+1]]，別忘了把新的miaozhong值設(shè)為文本標(biāo)簽'秒鐘'的值。如下圖。
對(duì)了，別忘了再推gong一下，將gong面板的狀態(tài)修改為next。
這時(shí)候，gong和shou的交互如下：
瀏覽后就能看到秒鐘在每隔一秒+1。
但這時(shí)候，秒鐘是沒(méi)有限制的，我們需要它調(diào)到59后的下一秒，變回0，同時(shí)分鐘+1。
第四步 讓分鐘動(dòng)起來(lái)！
我們?yōu)閟hou面板移動(dòng)時(shí)的交互添加如下內(nèi)容： 如果miaozhong變量=59，則將'miaozhong=0',且‘fenzhong+1’,如下圖所示。
顯示新增條件：如果miaozhong+59
更改后，shou面板的交互如下圖：
這時(shí)候預(yù)覽，就能看到明顯的時(shí)鐘效果了，超過(guò)60秒，秒鐘會(huì)歸零，同時(shí)分鐘加1。
你可以用類似的原理為分鐘變量也做一下限制，超過(guò)60就歸零，同時(shí)shizhong+1。不過(guò)也無(wú)所謂，很少有人看原型會(huì)看到時(shí)鐘會(huì)變。
孩子們，趕緊試一下吧。
