AxureRP分頁簽 / Tab選項卡切換功能~


最終結果圖如下:

 

實現過程:

1、從元件庫中拖一個動態面板,調整所需大小,接下來的步驟都通過雙擊動態面板來完成。

2、雙擊動態面板,彈出框“面板狀態管理”,新建狀態並命名。此處新建了TAB1、TAB2、TAB3...(需要幾個tab根據自己需求)。

3、再次雙擊動態面板(之后要再修改控制面板的內容都雙擊),彈出“面板狀態管理”。雙擊TAB1,進入tab1編輯頁面。

  在tab1界面,拖動一個大矩形,三個小矩形。調整位置將三個小矩形的底部和大矩形的頂部重合(這里可以放大來看,一定要重合)。

4、選中tab1,點擊矩形右上角的小圓點,選擇底部無框的矩形,此時tab1的底邊就不見了。

  這個步驟完成后如果tab1的底部線還在,那就再檢查一遍tab1小矩形的底部與大矩形的頂部線框有沒有不重合(如步驟三)。

 

 

效果圖:

 再給tab2和tab3添加背景顏色:

5、重點來了:選中tab1,添加交互動作“鼠標單擊時”,雙擊“鼠標單擊時”,彈出窗,進行相關設置如圖片所示。

6、將tab2、tab3重復步驟 2~5,在各自的大矩形框內寫上各自的內容~

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM