選項卡的動態效果比較常用，邏輯性也比較簡單。

1、先將三個矩形作為選單欄放好，再放入一個動態面板。為了區分，選單欄取名分別為選單一、選單二、選單三，動態面板取名為內容；

2、將選單一、選單二、選單三同時選中後設置選項組名稱，這個是為了實現點選互斥效果；

3、為動態面板中加入三個內容，分別為內容一、內容二、內容三；

4、為選單一設定選中效果，增加填充顏色（這一步非必須），勾選“選中”前的複選框，使選單一在載入時為選中狀態；

5、同樣，為選單二和選單三設定選中效果，但是這兩個不需要勾選“選中”；

6、為選單一滑鼠單擊新增用例，分別為選中和設定面板狀態，選中動作為當前元件，設定面板狀態的配置動作為內容（動態面板），需要注意，“選擇狀態”的選擇，這個決定你點選選單後的顯示內容，如下圖所示；

7、選單二和選單三的設定與選單一相同；

8、至此，就完成了選項卡的設定。點選預覽即可檢視效果；

---------------------------------------------------------------------------------------

產品小白，如有錯誤，請指正。