日本免费全黄少妇一区二区三区-高清无码一区二区三区四区-欧美中文字幕日韩在线观看-国产福利诱惑在线网站-国产中文字幕一区在线-亚洲欧美精品日韩一区-久久国产精品国产精品国产-国产精久久久久久一区二区三区-欧美亚洲国产精品久久久久

使用Axure RP制作出選擇卡控件具體操作流程

你們曉得使用Axure RP怎么制作出選擇控件嗎?下文就為大伙分享了使用Axure RP制作出選擇卡控件的具體操作流程 。

使用Axure RP制作出選擇卡控件具體操作流程


1、先正常打開Axure RP工具,然后新建一個(gè)空白頁面 。
使用Axure RP制作出選擇卡控件具體操作流程


2、本經(jīng)驗(yàn)以“我的任務(wù)”為例進(jìn)行說明,在“我的任務(wù)”功能模塊設(shè)計(jì)中一般包含“待辦任務(wù)”,“完成任務(wù)”和“我發(fā)起的任務(wù)”三個(gè)選項(xiàng),所以先拖拽3個(gè)矩形框到空白頁面中,再加入一個(gè)動(dòng)態(tài)面板,如下所示 。
使用Axure RP制作出選擇卡控件具體操作流程


3、當(dāng)選中某個(gè)選項(xiàng)的時(shí)候,設(shè)置不同的背景色 。先選中第一個(gè)選擇框,在右側(cè)的屬性對(duì)話框中,找到“交互樣式設(shè)置”,如下圖1所示,單擊“選中”,在彈出的對(duì)話框中設(shè)置填充顏色,如下圖2所示 。
使用Axure RP制作出選擇卡控件具體操作流程


使用Axure RP制作出選擇卡控件具體操作流程


4、針對(duì)第二個(gè)選項(xiàng)卡和第三個(gè)選項(xiàng)卡進(jìn)行第三步同樣的操作,配置后的效果如下圖所示 。
使用Axure RP制作出選擇卡控件具體操作流程


5、雙擊動(dòng)態(tài)面板,在彈出的對(duì)話框中添加3種面板狀態(tài),分別表示3個(gè)不同的選項(xiàng)切換時(shí)展示不同的內(nèi)容,如下圖所示 。
使用Axure RP制作出選擇卡控件具體操作流程


6、將3個(gè)選項(xiàng)卡加入到同一個(gè)組,這樣在選中的時(shí)候可以實(shí)現(xiàn)互斥的效果 。選中第一個(gè)矩形框,在右側(cè)的屬性中找到“設(shè)置選項(xiàng)組名稱”,然后在下方我文本框中輸入一個(gè)名稱 。同樣的對(duì)第二個(gè)和第三個(gè)矩形框進(jìn)行操作 。如下圖所示 。
使用Axure RP制作出選擇卡控件具體操作流程


7、指定一個(gè)矩形框?yàn)槟J(rèn)選中狀態(tài) 。選中要指定為默認(rèn)選中狀態(tài)的矩形框,然后在右側(cè)屬性中找到如下截圖中標(biāo)紅的“選中”后,將其前面的復(fù)選框選中 。
使用Axure RP制作出選擇卡控件具體操作流程


8、添加鼠標(biāo)單擊事件,當(dāng)鼠標(biāo)單擊是切換選中項(xiàng),更新動(dòng)態(tài)面板的內(nèi)容 。
使用Axure RP制作出選擇卡控件具體操作流程


9、為第二個(gè)矩形框和第三個(gè)矩形框進(jìn)行第八步的設(shè)置動(dòng)作,這時(shí)候預(yù)覽效果,就可以預(yù)覽選項(xiàng)卡控件了 。
【使用Axure RP制作出選擇卡控件具體操作流程】根據(jù)上文為你們分享的使用Axure RP制作出選擇卡控件的具體操作流程,你們是不是都學(xué)會(huì)制作的方法啦!

    推薦閱讀