
我們將在上面的畫面裡使用Settings Button寫一段程式去呼叫一個 Panel 做出彈跳視窗。
GameObject –> UI –> Panel 新增一個Panel ,名為Panel。 在畫面上我們已經有一個Setting的 Button 。 接下來要做如何利用Button 按鍵動作去呼叫Panel這個視窗。

到Asset下面的Script Folder裡新增一個C Sharp Script。名為PanelOpener。
新增後在PanelOpener點兩下進入編譯程式的畫面,編寫一段程式。


寫好 PenelOpener的Script後,到Settings的Inspector下把 PanelOpener Script 加入成為一個組件。
在Panel Opener(Script)下面有個Panel的欄位,把寫好的PanelOpener這個Script拖曳到Panel裡。表示這段程式是來控制這個Panel。

到Button (Script)裡面的事件簿加入點選事件。把Setting 物件帶入並在功能裡選擇PanelOpener –> OpenPanel()
這樣按下Button時,就會跳出一個視窗。

呈現的效果如下:
我們現在已經做出呼叫出視窗的效果,接下來利用Settings Button做出關閉視窗。
接下來繼續回到Script裡面做收回視窗的動作。
儲存。

呈現效果如下: