想必大家電腦上應(yīng)該有安裝了Axure RP軟件，如果還沒有安裝的可以來本站下載安裝。今天給大家介紹一下用Axure RP制作選擇卡控件的詳細(xì)操作步驟。
首先打開Axure RP軟件，新建一個(gè)空白頁面。
然后以“我的任務(wù)”為例來進(jìn)行說明。
在“我的任務(wù)”功能模塊一般會(huì)有“待辦任務(wù)”、“完成任務(wù)”、“我發(fā)起的任務(wù)”三個(gè)選項(xiàng)，要先拖拽3個(gè)矩形框到空白頁面中，再加入一個(gè)動(dòng)態(tài)面板，如下所示。
選中某個(gè)選項(xiàng)，設(shè)置不同背景色。
先選中第一個(gè)選擇框，在右側(cè)屬性對(duì)話框中找到“交互樣式設(shè)置”，如下圖1所示，單擊“選中”，在彈出對(duì)話框中設(shè)置想要填充的顏色，如下圖2所示。
第二個(gè)和第三個(gè)選項(xiàng)卡重復(fù)以上同樣的操作，配置后的效果如圖所示。
雙擊動(dòng)態(tài)面板，在對(duì)話框中添加3種不同的面板狀態(tài)，用來表示3個(gè)不同的選項(xiàng)切換時(shí)展示的不同內(nèi)容，如下圖所示。
然后再將3個(gè)選項(xiàng)卡都加入到同一個(gè)組，這樣在選中的時(shí)候就會(huì)有互斥的效果。選中第一個(gè)矩形框，在右側(cè)找到“設(shè)置選項(xiàng)組名稱”，輸入一個(gè)名稱。對(duì)第二個(gè)和第三個(gè)矩形框進(jìn)行相同的操作，如下圖所示。
指定一個(gè)矩形框?yàn)槟J(rèn)選中狀態(tài)。
先選中要指定為默認(rèn)選中狀態(tài)的矩形框，在右側(cè)找到如下圖中標(biāo)紅的“選中”后，選中其前面的復(fù)選框。
接著再添加鼠標(biāo)單擊事件，鼠標(biāo)單擊時(shí)切換選中項(xiàng)，更新動(dòng)態(tài)面板內(nèi)容。
最后為第二個(gè)矩形框和第三個(gè)矩形框進(jìn)行同樣的設(shè)置動(dòng)作，再預(yù)覽效果就可以預(yù)覽選項(xiàng)卡控件了。
Axure RP制作選擇卡控件的詳細(xì)操作步驟就講完了，相信大家應(yīng)該都學(xué)會(huì)了吧，趕緊來本站下載Axure RP軟件嘗試一下吧。
元?dú)庾烂?/a>
X
