先講思路
主頁轉換爲動態面板，總共4個狀態，按鈕轉換爲動態面板，分別兩個狀態，設置交互，點擊白色按鈕時，主頁動態面板切換爲對應狀態，當前按鈕面板轉換爲綠色背景按鈕狀態，其他四個按鈕則變成白色背景按鈕的狀態。
再詳細解釋
1.首先做一個主頁（聊天界面），四個等大按鈕至於底部並輸入文字。
2.將主頁轉換爲動態面板，再添加3個狀態（取消勾選自動調整爲內容尺寸）每個狀態下做一個主頁，分別爲聊天頁，通訊頁，發現頁，我的頁，每個頁加文字，設置背景顏色以區分。
3.將每個按鈕轉換爲動態面板，每個動態面板分別再添加1個狀態，，複製粘貼原來按鈕矩形，並設置白字綠色背景。白色背景的狀態命名爲未選中，綠色背景的命名爲選中。
注意：第一個聊天按鈕，選中狀態位於未選中狀態之上。
4.好了，開始交互，這裏主要的交互事件觸發器就是按鈕，所以爲每個按鈕添加事件。
點擊白色（未選中）按鈕時，屏幕動態面板切換爲對應狀態，比如點擊通訊，則主頁面板切換到通訊狀態
當前按鈕面板轉換爲綠色背景按鈕狀態，其他四個按鈕則變成白色背景按鈕的狀態。
比如雙擊發現按鈕未選中狀態，再雙擊右邊交互欄中的“鼠標單擊時”添加動作1：左邊點擊“設置面板狀態”，勾上右邊“主頁面板”，選擇發現狀態。
以此類推，設置四個按鈕面板狀態：
然後類推到其他按鈕未選中狀態，添加事件。
然後設置四個選中按鈕的單擊事件：
比如單擊聊天按鈕時，設置主頁爲聊天頁。
ok，就此完成，預覽試試吧。
首秀，共同學習。