Unity-Ugui-如何製作彈跳視窗

我們將在上面的畫面裡使用Settings Button寫一段程式去呼叫一個 Panel 做出彈跳視窗。

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

新增Panel並做好編排

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

新增Script
編寫C Script程式碼

寫好 PenelOpener的Script後,到Settings的Inspector下把 PanelOpener Script 加入成為一個組件。

在Panel Opener(Script)下面有個Panel的欄位,把寫好的PanelOpener這個Script拖曳到Panel裡。表示這段程式是來控制這個Panel。

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

加入事件

呈現的效果如下:

我們現在已經做出呼叫出視窗的效果,接下來利用Settings Button做出關閉視窗。

接下來繼續回到Script裡面做收回視窗的動作。
儲存。

呈現效果如下:

參考資料:
Scripting
Unity Tutorial: Open Panel on Button Click

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *