中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

一般來(lái)說(shuō)，我們的手機(jī)里都自帶了一個(gè)計(jì)時(shí)小工具。于是前不久，筆者突發(fā)奇想，能不能用Axure做出這個(gè)小工具，實(shí)現(xiàn)計(jì)時(shí)效果呢？因此，筆者將以此為案例講講具體怎么做。

一、元素準(zhǔn)備

1. 拖入3個(gè)文本標(biāo)簽元件，內(nèi)容填充為“時(shí)”、“分”、“秒”；

2. 拖入3個(gè)文本框元件，分別命名為“時(shí)”、“分”、“秒”，文本框?qū)傩栽O(shè)置為隱藏邊框（為了顯示美觀），并與上面的文本標(biāo)簽對(duì)齊；

3. 拖入3個(gè)水平線元件，放在文本框下面，用來(lái)襯托“時(shí)”“分”“秒”的數(shù)字顯示

4. 拖入一個(gè)按鈕元件，命名為“開(kāi)始計(jì)時(shí)“

5. 拖入一個(gè)動(dòng)態(tài)面板元件，設(shè)置為隱藏，命名為”循環(huán)動(dòng)態(tài)面板“，添加兩個(gè)狀態(tài)：state1、state2。

（因?yàn)槲以趦蓚€(gè)狀態(tài)中放了兩個(gè)沙漏圖標(biāo)，所以把動(dòng)態(tài)面板設(shè)置為隱藏）

6. 設(shè)置全局變量：

二、交互設(shè)計(jì)

交互設(shè)計(jì)前的思考：手機(jī)計(jì)時(shí)工具，點(diǎn)擊“開(kāi)始”之后秒的數(shù)字開(kāi)始累加，每過(guò)60秒累加1分鐘。

那么如何實(shí)現(xiàn)數(shù)字的自動(dòng)累加呢？

當(dāng)然是用動(dòng)態(tài)面板！

1.“開(kāi)始計(jì)時(shí)”按鈕用例設(shè)計(jì)

2.“循環(huán)動(dòng)態(tài)面板”用例設(shè)計(jì)

動(dòng)態(tài)面板不斷循環(huán)，秒的數(shù)字不斷累加1。

3. 文本框“秒”用例設(shè)計(jì)

當(dāng)達(dá)到60秒時(shí)，觸發(fā)分鐘的顯示。

4. 文本框“分”用例設(shè)計(jì)

到達(dá)60秒時(shí)，需要對(duì)動(dòng)態(tài)面板進(jìn)行停止，如果不停止動(dòng)態(tài)面板，秒數(shù)字顯示61、62…就貽笑大方了！

這里又有一個(gè)疑問(wèn)，動(dòng)態(tài)面板停止了循環(huán)，那么計(jì)時(shí)不是就停止了嗎？

excuse me？1分鐘也太短了吧？！no no no！真男人怎么可能只有1分鐘？！

所以，我們需要?jiǎng)討B(tài)面板繼續(xù)循環(huán)下去。

5. 文本框“時(shí)”用例設(shè)計(jì)

知道了上面的思路，那么文本框”時(shí)“的用例設(shè)計(jì)就不用多說(shuō)了吧。

需要注意一點(diǎn)：每滿一小時(shí)，需要重置分鐘數(shù)。

PS：自問(wèn)自答

Q1：動(dòng)態(tài)面板循環(huán)間隔為什么設(shè)置1000毫秒？

A1：因?yàn)橛?jì)時(shí)是從1秒、2秒、3秒開(kāi)始的呀（請(qǐng)數(shù)數(shù)1到10謝謝。）（間隔可以設(shè)置為0哦，預(yù)覽時(shí)可以快速的驗(yàn)證用例設(shè)計(jì)的對(duì)不對(duì)）

原型演示地址：https://9wt3dm.axshare.com

本文由 @zzZ 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載。

題圖來(lái)自Unsplash，基于CC0協(xié)議。