OnGUI Skin控件

2020-07-13 15:06 更新

圖形用戶界面皮膚是圖形用戶界面樣式的集合,集合內(nèi)有許多控件,每個控件類型擁有很多樣式定義。

Skin 文件的 Inspector 面板會顯示出可以影響到的所有控件,展開任何一個控件菜單會顯示其可以修改的內(nèi)容,其中包括字體大小、字體類型、背景等。

創(chuàng)建一個圖形用戶界面皮膚,在菜單欄中執(zhí)行 AssetsCreateGUI Skin 命令,創(chuàng)建后的 GUI Skin 如下圖所示。

參數(shù)列表

參數(shù) 含義 描述
Font 字體 用戶圖形界面中每個控件使用的全局字體。
Box 應(yīng)用于所有盒子控件的樣式。
Button 按鈕 應(yīng)用于所有按鈕控件的樣式。
Toggle 切換開關(guān) 應(yīng)用于所有切換開關(guān)的樣式。
Label 標簽 應(yīng)用于所有標簽控件的樣式。
Text Field 文本框 應(yīng)用于所有文本框控件的樣式。
Text Area 文本區(qū)域 應(yīng)用于所有多行文本域控件的樣式。
Window 窗口 應(yīng)用于所有窗口控件的樣式。
Horizontal Slider 水平滑動條 應(yīng)用于所有水平滑動條控件的樣式。
Horizontal Slider Thumb 水平滑塊 應(yīng)用于所有水平滑塊控件的樣式。
Vertical Slider 垂直滑動條 應(yīng)用于所有垂直滑動條控件的樣式。
Vertical Slider Thumb 垂直滑塊 應(yīng)用于所有垂直滑塊控件的樣式。
Horizontal Scrollbar 水平滾動條 應(yīng)用于所有水平滾動條控件的樣式。
Horizontal Scrollbar Thumb 水平滾動條滑塊 應(yīng)用于所有水平滾動條滑塊控件的樣式。
Horizontal Scrollbar Left Button 水平滾動條左側(cè)按鈕 應(yīng)用于所有水平滾動條左側(cè)按鈕控件的樣式。
Horizontal Scrollbar Right Button 水平滾動條右側(cè)按鈕 應(yīng)用于所有水平滾動條右側(cè)按鈕控件的樣式。
Vertical Scrollbar 垂直滾動條 應(yīng)用于所有垂直滾動條控件的樣式。
Vertical Scrollbar Thumb 垂直滾動條滑塊 應(yīng)用于所有垂直滾動條滑塊控件的樣式。
Vertical Scrollbar Up Button 垂直滾動條頂部按鈕 應(yīng)用于所有垂直滾動條頂部按鈕控件的樣式。
Vertical Scrollbar Down Button 垂直滾動條底部按鈕 應(yīng)用于所有垂直滾動條底部按鈕控件的樣式。
Custom 1-20 自定義 附加的自定義樣式可以應(yīng)用于任何控件。
Custom Styles 自定義樣式 一個帶有可以應(yīng)用于任何控件的自定義樣式的集合。
Settings 設(shè)定 所有圖形用戶界面的附加設(shè)定。

使用案例

  1. 創(chuàng)建項目,將其命名為 GUISkin,保存場景。

  1. 加載圖片資源,將圖片資源放置在根目錄 Assets 中的 Resource 文件夾下。

  1. 單擊 Project 視圖下拉三角,創(chuàng)建 GUI Skin,如圖下圖所示。

  1. 在 Inspector 面板中修改GUI Skin 參數(shù),分別設(shè)置 Box、Button、Label 樣式,如下圖所示。

  1. 執(zhí)行 AssetsCreateJavaScript 命令,創(chuàng)建一個新的腳本文件。

  1. 在 Project 視圖中打開腳本編輯器,輸入下列語句:

    var s1:GUISkin[];
    private var cont:int=0;
    function OnGUI(){
        GUI.skin=s1[cont%s1.Length];
        if(s1.Length==0){
            Debug.LogError("Assign at least 1 skin on the array");
            return;
        }
        GUI.Label(Rect(10, 10, 100, 20), "Hello World!");
        GUI.Box(Rect(10, 50, 50, 50), "A BOX");
        GUI.Button(Rect(10, 110, 70, 30), "A button");
    }

  1. Ctrl+S 鍵保存腳本。

  1. 在 Project 視圖中選擇腳本,將其連接到 Main Camera 上。

  1. 在 Inspector 視圖中添加紋理資源,并將 GUI Skin 拖動到 Main Camera 的 Inspector 視圖下。

  1. 進行測試,效果如下圖所示。

以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號