C語言中文網 目錄

Unity 3D Button控件

Unity 3D 開發中 Button 控件是游戲開發中最常使用的控件之一,用戶常常通過 Button 控件來確定其選擇行為,當用戶單擊 Button 控件時,Button 控件會顯示按下的效果,并觸發與該控件關聯的游戲功能。

在游戲中通常用作游戲界面、游戲功能、游戲設置的開關。

一般來說,按鈕分兩種:普通按鈕和圖片按鈕。

普通按鈕

普通按鈕是系統默認顯示的按鈕,Unity 3D 的普通按鈕背景呈半透明狀態,顯示白色文字,普通按鈕的使用方法如下:
public static function Button(position:Rect, text:string):bool;
public static function Button(position:Rect, image:Texture):bool;
public static function Button(position:Rect, content:GUIContent):bool;
public static function Button(position:Rect, text:string, style:GUIStyle):bool;
public static function Button(position:Rect, image:Texture, style:GUIStyle):bool;
public static function Button(position:Rect, content:GUIContent, style:GUIStyle):bool;
其中,position 指按鈕在屏幕上的位置以及長寬值,text 指按鈕上顯示的文本。

Button 控件的參數如下表所示。

參 數 功 能 參 數 功 能
position 設置控件在屏幕上的位置及大小 text 設置控件上顯示的文本
image 設置控件上顯示的紋理圖片 content 設置控件的文本、圖片和提示
style 設置控件使用的樣式    

下面是 Button 控件的使用案例:

1) 啟動Unity 3D

創建新項目,將其命名為 button text,單擊 Create 按鈕,即生成一個新項目,如下圖所示。

新建項目

2) 在菜單中執行 File→Save Scene 命令

保存當前場景,命名為 scene,即在 Unity 3D 中創建了一個游戲場景,如下圖所示。

保存場景

3) 創建 JavaScript 腳本

單擊 Project 視圖中 Create 右側的下拉三角形,選擇 JavaScript,即可創建 JavaScript 腳本,如下圖所示。

創建腳本

4) 打開腳本編輯器

在 Project 面板中雙擊該腳本文件,打開腳本編輯器,如下圖所示。

腳本編輯器
5) 輸入下列腳本語句
function OnGUI(){
    if(GUI.Button(Rect(0, 0, 100, 50), "click here")){
        print("you have click here!");
    }
}

6) 保存腳本(Ctrl+S鍵)

7) 將腳本與主攝像機相連

將腳本拖動到 Hierarchy 視圖中的 Main Camera 對象上,這時腳本與場景中的攝像機產生了關聯。

8) 測試腳本

單擊 Unity 3D 工具欄上的運行按鈕對腳本進行測試,如下圖所示,在 Game 視圖中出現了一個按鈕,按鈕上顯示 click here,單擊該按鈕,在 Unity 3D 主界面底部的狀態欄上輸出 You have click here。

測試效果

圖片按鈕

Button 控件除了可以顯示文字以外,還可以顯示貼圖。

貼圖是一種美化按鈕的方法,開發者可以設定按鈕的背景圖片,比如水晶按鈕、卡通按鈕等。

在 Unity 3D 中實現 Button 貼圖十分容易,只要將圖片作為一個參數傳遞到 Button 函數中即可。

Button貼圖方法如下:
public static function Button(position:Rect, image:Texture):bool;
public static function Button(position:Rect, image:Texture, style:GUIStyle):bool;
其中 position 為按鈕在屏幕上的位置以及長寬值,image 為按鈕上顯示的圖片。

下面是 Button 貼圖的使用案例。

步驟 1):啟動 Unity 3D 創建新項目,將其命名為 button。

步驟 2):在菜單中執行 File→Save Scene 命令,保存當前場景,命名為 scene,即在 Unity 3D 中創建了一個游戲場景。

步驟 3):單擊 Project 視圖中 create 右側的下拉三角形,選擇 JavaScript,創建 JavaScript 腳本。

步驟 4):在 Project 視圖中雙擊該腳本文件,打開腳本編輯器,輸入下列腳本語句:
var btnTexture:Texture;
var atnTexture:Texture;
function OnGUI(){
    if(!btnTexture){
        Debug.LogError("Please assign a texture on the inspector");
        return;
    }
    if(!atnTexture){
        Debug.LogError("Please assign a texture on the inspector");
        return;
    }
    if(GUI.Button(Rect(Screen.width/2-50, Screen.height/2+130, 70, 70),atnTexture)){
        Application.LoadLevel("play");
    }
    if(GUI.Button(Rect(Screen.width/2+30, Screen.height/2+130, 70, 70),btnTexture)){
        Application.LoadLevel("exit");
    }
}
步驟 5):保存腳本(Ctrl+S 鍵)。

步驟 6):將腳本與主攝像機相連。

步驟 7):單擊主攝像機,在 Inspector 屬性面板中添加紋理圖片。

步驟 8):單擊 play 按鈕測試效果,可以看見按鈕已經換成了二維卡通圖片的形式,如下圖所示。

測試效果

精美而實用的網站,提供C語言C++STLLinuxShellJavaGo語言等教程,以及socketGCCviSwing設計模式JSP等專題。

Copyright ?2011-2018 biancheng.net, 陜ICP備15000209號

底部Logo