axure60交互原型設(shè)計詳細(xì)實例教程(已修改)
2024-11-17 16:32 本頁面
【正文】 Axure 交互原型設(shè)計詳細(xì)實例教程（一） —— TAB 標(biāo)簽切換的制作 我們通?？吹降那袚Q形式為： 工作原理是： 其中，控件和內(nèi)容一一對應(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)為“不顯示”。 下面我們來做一個實例，就以上面的圖為例 子： 第一步，按照 TAB 切換原理，我們準(zhǔn)備好 3 個按鈕和 3 個內(nèi)容區(qū)，并為三個控件命名（控件 A、控件 B、控件 C），如下圖： 注：圖中右側(cè)紅圈里面的名字就是控件的名字。 第二步，我們?yōu)榭丶O(shè)定“被選中”和“沒被選中”兩種狀態(tài)，其中“沒被選中”的狀態(tài)為默認(rèn)狀態(tài)，“被選中狀態(tài)”設(shè)置方式如下： 第三步，我們?yōu)閮?nèi)容區(qū)設(shè)定“顯示”和“不顯示”兩種狀態(tài)，并為三個內(nèi)容區(qū)命名（內(nèi)容 A、內(nèi)容 B、內(nèi)容 C）： 好 了，準(zhǔn)備完畢，下面要做的就是設(shè)置交互： 點擊“控件 A”： 將“控件 A”
公司管理相關(guān)推薦
鄂ICP備17016276號-1