Home » 8.0 線上教學 » 5-2 動態面板:Dynamic panel 搭配互動事件使用

5-2 動態面板:Dynamic panel 搭配互動事件使用

本節學習目標

  • 新增 Dynamic panel
  • 編輯 Dynamic panel 顯示/隱藏
  • 替 Dynamic panel 加上互動效果



5-2-dynamic-panel-interaction-1
新增 Dynamic panel
在 Widgets 窗格中選擇動態面板 Dynamic panel ,以滑鼠點選拖曳至想要的位置。

開啟Dynamic panel管理器
點擊已經拖曳出的 Dynamic Panel 兩下,開啟 Dynamic Panel 管理器。

接續下個步驟


5-2-dynamic-panel-interaction-2
替 Dynamic panel 進行命名
編輯時可以替物件進行命名,之後建置物件時,比較容易辨識,完成以後按下 OK 即可。

開啟要編輯的 State
點擊兩下開啟 State 編輯頁


5-2-dynamic-panel-interaction-3
隱藏 Dynamic panel
選取物件後,點擊上方 Hidden 就可以快速將此物件隱藏。