閑著沒(méi)事是掰，教大家怎么制作一個(gè)時(shí)鐘吧虑鼎。這個(gè)秒鐘是會(huì)一秒一秒往上跳，而且會(huì)進(jìn)行分鐘，小時(shí)的遞進(jìn)炫彩。
第一步
打開(kāi)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ì)是你剛開(kāi)始載入頁(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ì)變缰泡。
孩子們，趕緊試一下吧代嗤。
