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

偶然在網(wǎng)上搜索了一下利用axure做倒計(jì)時(shí)效果，但是看到的居然是利用動(dòng)態(tài)面板一張一張疊起來，我腦補(bǔ)了一下60個(gè)數(shù)字疊在一個(gè)動(dòng)態(tài)面板里的畫面…………

所以今天和大家交流一下我的制作思路——利用“文本輸入框”特有的交互條件制作倒計(jì)時(shí)效果。

【進(jìn)入正題】

1. 倒計(jì)時(shí)現(xiàn)在多用于獲取短信驗(yàn)證碼，下面是我自己隨意繪制的一個(gè)圖，把一些該有的元素先做好；

要點(diǎn)：先把短信驗(yàn)證碼的三種情況都先列出來：

• 第一次獲取
• 倒計(jì)時(shí)
• 重新獲?。ó?dāng)然你也可以換種顯示方式）

2. 添加一個(gè)文本輸入框到數(shù)秒的框框那里（灰色的那個(gè)），并把數(shù)字、文本框的屬性設(shè)置好（隱藏邊框、填充設(shè)置為透明）

3. 把這三個(gè)按鈕（獲取、數(shù)秒、重新獲?。┓诺?strong>一個(gè)動(dòng)態(tài)面板的不同狀態(tài)上，這個(gè)就不配圖了；

然后設(shè)置他們的交互，這里先看數(shù)秒的交互：可以看到文本輸入框有個(gè)特有的交互功能——文字改變時(shí)；

這里設(shè)置兩個(gè)用例：

1. 當(dāng)秒數(shù)大于等于1的時(shí)候，讓數(shù)字繼續(xù)遞減，
2. 當(dāng)秒數(shù)等于0的時(shí)候，設(shè)置動(dòng)態(tài)面板狀態(tài)到“重新獲取”

4. 然后就是其余兩個(gè)按鈕了：

獲?。?/strong>