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