- 案例描述
初次單擊一級菜單時，打開二級菜單，並將下方菜單向下推動；再次單擊一級菜單時，關閉二級菜單，並將下方菜單向上拉動；另外，一級菜單單擊時，后方的單角符號會有方向的改變。
元件准備
- 包含命名
矩形（用於賬戶二級菜單）：Account
組合（用於交易二級菜單）：Transaction
組合（用於安全二級菜單）：Safety
- 思路分析
①實現鼠標單擊按鈕時圖片的切換，形成單角符號方向改變的效果（見操作步驟01）。
②實現單擊按鈕打開二級菜單。
③實現再次單擊按鈕關閉二級菜單。
- 操作步驟
01 在元件屬性中為每個一級菜單設置【選中】時的交互樣式為另一張圖片；然后，為每個一級菜單的【鼠標單擊時】事件添加“case1”，設置動作為【切換選中狀態】於“當前元件”（This）。
●case動作設置：見圖9-18。
02 以“交易記錄”為例，為一級菜單的【選中時】事件添加“case1”，設置動作為【顯示】組合“Transaction”；配置中設置{更多選項}為【推動元件】；{方向}為【下方】；
●case動作設置：見圖9-19。
03 繼續上一步，在一級菜單的【取消選中時】事件中添加“case1”，設置動作為【隱藏】組合“Transaction”；配置中勾選【拉動元件】；{方向}為【下方】；
●case動作設置：見圖9-20。
04 最后一個菜單因為下方沒有其他菜單，所以【顯示】與【隱藏】的動作中無需設置推動元件/拉動元件。
●事件交互設置：見圖9-21。
