Axure RP制作選項卡控件的操作流程
今天經驗啦網小編給各位親們講解的是Axure RP制作選項卡控件的操作流程,想學習Axure RP制作選項卡控件的操作步驟的,就去下文看一看,了解了解 , 相信對大家一定會有所幫助的 。
1、打開Axure RP工具,新建一個空白頁面 。
2、本文以“我的任務”為例進行說明,在“我的任務”功能模塊設計中一般包含“待辦任務” , “完成任務”和“我發起的任務”三個選項,所以先拖拽3個矩形框到空白頁面中 , 再加入一個動態面板,如下所示 。
3、當選中某個選項時,設置不同背景色 。先選中第一個選擇框,在右側的屬性對話框中,找到“交互樣式設置”,如下圖所示 , 單擊“選中”,在彈出的對話框中設置填充顏色,如下圖2所示 。


4、針對第二個選項卡和第三個選項卡進行第三步同樣的操作 , 配置后效果如下圖所示 。

5、雙擊動態面板,在彈出的對話框中添加3種面板狀態 , 分別表示3個不同的選項切換時展示不同的內容,如下圖所示 。

6、將3個選項卡加入到同一個組,這樣在選中的時候實現互斥的效果 。選中第一個矩形框,在右側的屬性中找到“設置選項組名稱”,然后在下方我文本框中輸入一個名稱 。同樣的對第二個和第三個矩形框進行操作 。如下圖所示 。

7、指定一個矩形框為默認選中狀態 。選中要指定為默認選中狀態的矩形框,然后在右側屬性中找到如下截圖中標紅的“選中”后,將其前面的復選框選中 。

8、添加鼠標單擊事件,當鼠標單擊是切換選中項,更新動態面板的內容 。

【Axure RP制作選項卡控件的操作流程】9、為第二個矩形框和第三個矩形框進行第八步的設置動作,這時候預覽效果,就能預覽選項卡控件了 。
以上就是經驗啦網小編為大家帶來的Axure RP制作選項卡控件的操作流程,希望對大家有所幫助,手機百度或者關注IE瀏覽器中文網站 , 每天了解最新的資訊內容 。
