你們曉得使用Axure RP怎么制作出選擇控件嗎?下文就為大伙分享了使用Axure RP制作出選擇卡控件的具體操作流程 。
1、先正常打開Axure RP工具，然后新建一個空白頁面 。
2、本經(jīng)驗以“我的任務(wù)”為例進行說明，在“我的任務(wù)”功能模塊設(shè)計中一般包含“待辦任務(wù)”，“完成任務(wù)”和“我發(fā)起的任務(wù)”三個選項，所以先拖拽3個矩形框到空白頁面中，再加入一個動態(tài)面板，如下所示 。
3、當選中某個選項的時候，設(shè)置不同的背景色 。先選中第一個選擇框，在右側(cè)的屬性對話框中，找到“交互樣式設(shè)置”，如下圖1所示，單擊“選中”，在彈出的對話框中設(shè)置填充顏色，如下圖2所示 。
4、針對第二個選項卡和第三個選項卡進行第三步同樣的操作，配置后的效果如下圖所示 。
5、雙擊動態(tài)面板，在彈出的對話框中添加3種面板狀態(tài)，分別表示3個不同的選項切換時展示不同的內(nèi)容，如下圖所示 。
6、將3個選項卡加入到同一個組，這樣在選中的時候可以實現(xiàn)互斥的效果 。選中第一個矩形框，在右側(cè)的屬性中找到“設(shè)置選項組名稱”，然后在下方我文本框中輸入一個名稱 。同樣的對第二個和第三個矩形框進行操作 。如下圖所示 。
7、指定一個矩形框為默認選中狀態(tài) 。選中要指定為默認選中狀態(tài)的矩形框，然后在右側(cè)屬性中找到如下截圖中標紅的“選中”后，將其前面的復(fù)選框選中 。
8、添加鼠標單擊事件，當鼠標單擊是切換選中項，更新動態(tài)面板的內(nèi)容 。
9、為第二個矩形框和第三個矩形框進行第八步的設(shè)置動作，這時候預(yù)覽效果，就可以預(yù)覽選項卡控件了 。
【使用Axure RP制作出選擇卡控件的具體操作流程】根據(jù)上文為你們分享的使用Axure RP制作出選擇卡控件的具體操作流程，你們是不是都學(xué)會制作的方法啦!
推薦閱讀
- 國家為什么要禁止使用紅磚？
- 使用ai設(shè)計漂亮彩虹的具體操作方法
- 微信小程序怎么制作自己的程序？
- 如何使用Ai繪畫出畫板圖標 具體操作流程
- 使用wap瀏覽器，節(jié)省手機的wap使用費
- 水乳液精華液霜的使用順序是 水乳液精華液霜的使用順序是什么
- 養(yǎng)牛為什么要推廣使用舔鹽磚
- 飛機托運液體有限制嗎
- 國內(nèi)托運液體有限制嗎
- 養(yǎng)花時為什么瓦盆和塑料盆使用較多