1.?[endif]打開Axsure
2.將元件庫(kù)中的矩形拖入到面板中
3.將元件庫(kù)中的按鈕拖入到矩形框內(nèi)扣唱,同時(shí)雙擊拖入的按鈕元件,輸入按鈕名稱向胡,為了方便后續(xù)操作湿故,在右側(cè)欄箭頭所指位置輸入按鈕名稱
4.將按鈕復(fù)制兩個(gè),粘貼在適當(dāng)位置稽莉,分別更改名稱瀑志,如下圖所示
5.找到元件庫(kù)中的動(dòng)態(tài)面板,將它拖入工作區(qū)污秆,如下圖所示
6.將鼠標(biāo)移動(dòng)到右側(cè)欄動(dòng)態(tài)面板上劈猪,這時(shí)可以看到動(dòng)態(tài)面板后邊出現(xiàn)一個(gè)加號(hào),每點(diǎn)擊一次混狠,就會(huì)添加一個(gè)state岸霹,這里我們需要添加三個(gè)state
7. 雙擊state1,將需要的圖片粘貼到虛線框內(nèi)将饺,調(diào)整圖片大小,不要讓圖片超出虛線部分(超出部分不能顯示)痛黎,如圖所示予弧,同樣的方法將圖片添加到state2 state3中
8. 回到index中,效果如圖
9. 同時(shí)選中三個(gè)按鈕湖饱,在屬性列單擊選中設(shè)置選中交互樣式
10.這里我們?cè)O(shè)置選中狀態(tài)時(shí)掖蛤,按鈕填充為灰色
.
11. 再選中btn1,在屬性中添加單擊事件井厌,在左側(cè)添加動(dòng)作中點(diǎn)擊選中蚓庭,設(shè)置當(dāng)前選中按鈕為true,其他為false.如下圖所示
12. 同時(shí)在添加動(dòng)作中找到設(shè)置面板狀態(tài)并點(diǎn)擊仅仆,設(shè)置動(dòng)態(tài)面板為state1,點(diǎn)擊確定
13.選中btn2器赞,設(shè)置選中狀態(tài)為true,其他按鈕選中狀態(tài)為false,同時(shí)設(shè)置面板狀態(tài)為state2,同理,btn3也像這樣設(shè)置墓拜。最后點(diǎn)擊頁(yè)面右上角的預(yù)覽港柜,就可以看到完成后的tab選項(xiàng)卡啦!