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

注冊模塊是每個產品必不可少的一部分，也是大部分產品經理著手設計一個產品時遇到的基礎部分，在這里通過這個教程分享如何使用Axure中的動態面板實現獲取驗證碼倒計時功能。

在開始前我們需要把梳理下思路，簡單的把任務流程理出來，幫助我們理解制作過程中的原理。

先來看看效果：

下圖中左邊為使用倒計時功能時的任務流程，右邊為流程對應的四大部分，每部分有具體的小步驟，接下來會根據每個小步驟進行具體的描述。

1

從元件庫中拖入一個主要按鈕放入畫布空白處，命名為“獲取按鈕”（可以隨意命名）

然后再拖入一個動態面板放入畫布中，命名為“循環面板”，并且雙擊該動態面板，添加一個狀態2“State2”，這里就可以看成‘初始’和‘結束’的“容器”。

接下來創建一個全局變量對該“容器”進行記錄。

為“獲取按鈕”這個元件添加一個交互樣式，該按鈕「禁用」時，填充顏色為灰色。

2

為“獲取按鈕”元件添加用例，當「鼠標單擊時」，設置動作為「設置面板狀態」在動態面板“循環面板”上，選擇狀態「Next」，勾選「向后循環」，「循環間隔」為‘1000’毫秒，取消勾選「首個狀態延時延時1000毫秒切換」。

添加第二個動作「禁用」，選擇“當前元件”。

3

為動態面板“循環面板”的「狀態改變時」添加第一個用例，并給該用例添加條件，條件設置為「變量值」，「TimeValue」“>”「1」。

繼續添加全局變量中的「設置變量值」，勾選「TimeValue」，更改值為[[TimeValue-1]]。

添加第三個動作「設置文本」，勾選“獲取按鈕”，更改值為[[TimeValue]]秒后可重新獲取。

4

為「改變狀態時」添加第二個用例，設置當不滿足第一個用例所設定條件時執行的動作。此處有4個動作，分別是：

第1個動作是「設置文本」為“獲取按鈕”的文字值是“重新發送驗證碼”。

第2個動作是設置全局變量中的「設置變量值」，勾選「TimeValue」，更改值為“60”。

第3個動作「啟用」，勾選“獲取按鈕”。

第4個動作為「設置面板狀態」與動態面板，勾選“循環面板”，選擇「停止循環」。

以上就是所有的制作步驟，最終的效果就像文章開頭中所示的樣子，在這個過程中，我們其實已掌握了兩個重要的知識點：一個是動態面板的循環實現方式，第二個是通過全局變量來設定時間值。

這兩個點在其它地方也會經常用到，掌握后能夠更加靈活運用在其它地方。

希望大家能夠嘗試多練習幾次，幾次嘗試后就會理解其中的關鍵點，也希望大家能夠養成一種習慣，在進行練習前對任務流程進行梳理，這樣對理解邏輯更有幫助。

作者：杰森，不是很知名PM，公眾號：十八般產品

本文由 @?杰森 原創發布于人人都是產品經理。未經許可，禁止轉載

題圖來自 Pixabay，基于 CC0 協議