Tab標(biāo)簽頁卡
當(dāng)點(diǎn)擊不同的頁卡時(shí)，內(nèi)容區(qū)域會發(fā)生對應(yīng)的變化。
enter image description here
效果
點(diǎn)擊不同的頁卡堪滨，切換相應(yīng)的內(nèi)容，并且頁卡狀態(tài)也隨之改變蕊温。
實(shí)現(xiàn)步驟：
a. 元器準(zhǔn)備
-
準(zhǔn)備3個標(biāo)簽卡
拖入矩形框袱箱，利用矩形框左邊三角形改變矩形的弧度遏乔，修改矩形的樣式，使其底邊不顯示发笔。
enter image description here
2.準(zhǔn)備動態(tài)面板和三種靜態(tài)狀態(tài)(實(shí)現(xiàn)細(xì)節(jié)參照上節(jié)-動態(tài)面板之輪播圖)
enter image description here
enter image description here
b.交互效果
-
在動態(tài)面板中為每個頁卡添加點(diǎn)擊時(shí)用例盟萨。
如頁卡1-1班頁卡，點(diǎn)擊時(shí)把動態(tài)面板切換到1班內(nèi)容
enter image description here -
更改頁卡的選中狀態(tài)了讨，將頁卡1切換為選中
enter image description here -
修改頁卡選中時(shí)樣式
enter image description here 其他兩個頁卡的操作同上捻激。
-
選中三個頁卡 - 右鍵 - 設(shè)置選項(xiàng)組 - 隨意命名，這樣可以保證同一時(shí)刻內(nèi)只有一個頁卡是被選中的前计。
enter image description here
源文件：
- Axure Share地址
- 百度網(wǎng)盤鏈接：http://pan.baidu.com/s/1dELWRmD 密碼：bn42
