Tab標(biāo)簽頁卡

當(dāng)點擊不同的頁卡時，內(nèi)容區(qū)域會發(fā)生對應(yīng)的變化。

enter image description here

效果

點擊不同的頁卡，切換相應(yīng)的內(nèi)容，并且頁卡狀態(tài)也隨之改變。

實現(xiàn)步驟：

a. 元器準(zhǔn)備

1. 準(zhǔn)備3個標(biāo)簽卡
   拖入矩形框，利用矩形框左邊三角形改變矩形的弧度，修改矩形的樣式，使其底邊不顯示。

   
   
   enter image description here

2.準(zhǔn)備動態(tài)面板和三種靜態(tài)狀態(tài)(實現(xiàn)細(xì)節(jié)參照上節(jié)-動態(tài)面板之輪播圖)

enter image description here

enter image description here

b.交互效果

1. 在動態(tài)面板中為每個頁卡添加點擊時用例。
   如頁卡1-1班頁卡，點擊時把動態(tài)面板切換到1班內(nèi)容
   

   enter image description here

2. 更改頁卡的選中狀態(tài)，將頁卡1切換為選中

   
   
   enter image description here

3. 修改頁卡選中時樣式

   
   
   enter image description here

4. 其他兩個頁卡的操作同上。

5. 選中三個頁卡 - 右鍵 - 設(shè)置選項組 - 隨意命名，這樣可以保證同一時刻內(nèi)只有一個頁卡是被選中的。

   
   
   enter image description here

源文件：

1. Axure Share地址
2. 百度網(wǎng)盤鏈接：http://pan.baidu.com/s/1dELWRmD 密碼：bn42