axure60交互原型設(shè)計詳細(xì)實(shí)例教程-全文預(yù)覽
【正文】 置交互： 點(diǎn)擊“控件 A”： 將“控件 A”變成“被選中”狀態(tài)，將“控件 B”和“控件 C”變成“沒被選中”狀態(tài)； 顯示“內(nèi)容 A”，隱藏“內(nèi)容 B”和“內(nèi)容 C”。 下面我們來做一個實(shí)例，就以上面的圖為例 子： 第一步，按照 TAB 切換原理，我們準(zhǔn)備好 3 個按鈕和 3 個內(nèi)容區(qū)，并為三個控件命名（控件 A、控件 B、控件 C），如下圖： 注：圖中右側(cè)紅圈里面的名字就是控件的名字。 具體實(shí)現(xiàn)方式（以點(diǎn)擊“控件 A”為例）： 雙擊 onclick 會出現(xiàn)下面的窗口： 點(diǎn)擊左側(cè)的“顯示面板”，并在最右側(cè)勾選需要顯示的面 板“內(nèi)容 A”： 點(diǎn)擊左側(cè)的“隱藏面板”，并在最右側(cè)勾選需要顯示的面板“內(nèi)容 B”和“內(nèi)容C”： 點(diǎn)擊左側(cè)的“將組件設(shè)置為選定狀態(tài)”，并在最右側(cè)勾選 “控件 A”、“控件 B”和“控件 C”： 在右下角設(shè)定“控件 A”的“ Select the value”值為“ selected”、“控件 B”和“控件 C”為“ default”： 設(shè)定
公司管理相關(guān)推薦
鄂ICP備17016276號-1