今天我們小編給各位親們講解的是Axure RP制作選項(xiàng)卡控件的操作流程 ， 想學(xué)習(xí)Axure RP制作選項(xiàng)卡控件的操作步驟的 ， 就去下文看一看 ， 了解了解 ， 相信對(duì)大家一定會(huì)有所幫助的 。
【Axure RP制作選項(xiàng)卡控件的操作流程】1、打開(kāi)Axure RP工具 ， 新建一個(gè)空白頁(yè)面 。
2、本文以“我的任務(wù)”為例進(jìn)行說(shuō)明 ， 在“我的任務(wù)”功能模塊設(shè)計(jì)中一般包含“待辦任務(wù)” ， “完成任務(wù)”和“我發(fā)起的任務(wù)”三個(gè)選項(xiàng) ， 所以先拖拽3個(gè)矩形框到空白頁(yè)面中 ， 再加入一個(gè)動(dòng)態(tài)面板 ， 如下所示 。
3、當(dāng)選中某個(gè)選項(xiàng)時(shí) ， 設(shè)置不同背景色 。先選中第一個(gè)選擇框 ， 在右側(cè)的屬性對(duì)話框中 ， 找到“交互樣式設(shè)置” ， 如下圖所示 ， 單擊“選中” ， 在彈出的對(duì)話框中設(shè)置填充顏色 ， 如下圖2所示 。
4、針對(duì)第二個(gè)選項(xiàng)卡和第三個(gè)選項(xiàng)卡進(jìn)行第三步同樣的操作 ， 配置后效果如下圖所示 。
5、雙擊動(dòng)態(tài)面板 ， 在彈出的對(duì)話框中添加3種面板狀態(tài) ， 分別表示3個(gè)不同的選項(xiàng)切換時(shí)展示不同的內(nèi)容 ， 如下圖所示 。
6、將3個(gè)選項(xiàng)卡加入到同一個(gè)組 ， 這樣在選中的時(shí)候?qū)崿F(xiàn)互斥的效果 。選中第一個(gè)矩形框 ， 在右側(cè)的屬性中找到“設(shè)置選項(xiàng)組名稱” ， 然后在下方我文本框中輸入一個(gè)名稱 。同樣的對(duì)第二個(gè)和第三個(gè)矩形框進(jìn)行操作 。如下圖所示 。
7、指定一個(gè)矩形框?yàn)槟J(rèn)選中狀態(tài) 。選中要指定為默認(rèn)選中狀態(tài)的矩形框 ， 然后在右側(cè)屬性中找到如下截圖中標(biāo)紅的“選中”后 ， 將其前面的復(fù)選框選中 。
8、添加鼠標(biāo)單擊事件 ， 當(dāng)鼠標(biāo)單擊是切換選中項(xiàng) ， 更新動(dòng)態(tài)面板的內(nèi)容 。
9、為第二個(gè)矩形框和第三個(gè)矩形框進(jìn)行第八步的設(shè)置動(dòng)作 ， 這時(shí)候預(yù)覽效果 ， 就能預(yù)覽選項(xiàng)卡控件了 。
推薦閱讀
- Axure查看頁(yè)面代碼的兩種操作方法
- PowerPoint制作雙線式簡(jiǎn)約封面的操作教程
- 3dmax制作水龍頭的操作流程
- premiere制作直線兩邊延伸的動(dòng)畫(huà)操作方法
- 剪映app視頻怎么制作金粉和慢動(dòng)作特效？剪映視頻特效制作方法
- ai制作簡(jiǎn)單線條圖形的操作流程
- Axure設(shè)計(jì)發(fā)光關(guān)機(jī)按鈕詳細(xì)方法介紹
- ai制作矢量小樹(shù)苗插畫(huà)操作流程
- ppt制作出逐字出現(xiàn)詩(shī)詞動(dòng)畫(huà)效果詳細(xì)操作方法
- PPT中使用拆分工具來(lái)制作創(chuàng)意圖片詳細(xì)操作步驟