最終結果圖如下:
實現過程:
1、從元件庫中拖一個動態面板,調整所需大小,接下來的步驟都通過雙擊動態面板來完成。
2、雙擊動態面板,彈出框“面板狀態管理”,新建狀態並命名。此處新建了TAB1、TAB2、TAB3...(需要幾個tab根據自己需求)。
3、再次雙擊動態面板(之后要再修改控制面板的內容都雙擊),彈出“面板狀態管理”。雙擊TAB1,進入tab1編輯頁面。
在tab1界面,拖動一個大矩形,三個小矩形。調整位置將三個小矩形的底部和大矩形的頂部重合(這里可以放大來看,一定要重合)。
4、選中tab1,點擊矩形右上角的小圓點,選擇底部無框的矩形,此時tab1的底邊就不見了。
這個步驟完成后如果tab1的底部線還在,那就再檢查一遍tab1小矩形的底部與大矩形的頂部線框有沒有不重合(如步驟三)。
效果圖:
再給tab2和tab3添加背景顏色:
5、重點來了:選中tab1,添加交互動作“鼠標單擊時”,雙擊“鼠標單擊時”,彈出窗,進行相關設置如圖片所示。
6、將tab2、tab3重復步驟 2~5,在各自的大矩形框內寫上各自的內容~