axure60交互原型設(shè)計詳細(xì)實例教程(留存版)
【正文】 對應(yīng)，控件和內(nèi)容都有兩種狀態(tài)， 控件的狀態(tài)包括“被選中”和“沒被選中”，內(nèi)容的狀態(tài)為“顯示”和“不顯示”，當(dāng)控件的狀態(tài)為“被選中”時，內(nèi)容的狀態(tài)為“顯示”，當(dāng)控件的狀態(tài)為“沒被選中”時，內(nèi)容的狀態(tài)為“不顯示”。 第三步：在 axure 中添加判斷事件 注意了，所有的驗證都是在點擊“快速注冊”按鈕的時候觸發(fā)的，因此我們事件應(yīng)該寫在“快速注冊”按鈕的“ onclick”操作上： 接下來依次寫上 6 個事件： 點擊上圖中的添加事件后彈出條件 1 的事件編輯框如下圖，然后我們點擊“ Add Condition”添加判斷條件，你可以理解成是在寫” if 條件”。 點擊“控件 C”： 將“控件 C”變成“被選中”狀態(tài)，將“控件 A”和“控件 B”變成“沒被選中”狀態(tài)； 顯示“內(nèi)容 C”，隱藏“內(nèi)容 A”和“內(nèi)容 B”。 完成后將三個內(nèi)容區(qū)放到同一位置，同時將默認(rèn)不顯示的兩個內(nèi)容區(qū)預(yù)設(shè)為“隱藏”： 最后設(shè)置默認(rèn)打開頁面時“控件 A” 為“被選中”狀態(tài)： TAB 標(biāo)簽切換制作到此結(jié)束。 第二步：
公司管理相關(guān)推薦
鄂ICP備17016276號-1