C語言中文網 目錄

Unity 3D Skin控件

< 上一頁Unity 3D貼圖 Unity 3D Toggle控件下一頁 >

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

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

創建一個圖形用戶界面皮膚,在菜單欄中執行 Assets→Create→GUI Skin 命令,創建后的 GUI Skin 如下圖所示,具體參數如下表所示。

GUI Skin

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

下面是 Skin 控件的使用案例。

步驟 1):創建項目,將其命名為 GUISkin,保存場景。

步驟 2):加載圖片資源,將圖片資源放置在根目錄 Assets 中的 Resource 文件夾下。

步驟 3):單擊 Project 視圖下拉三角,創建 GUI Skin,如圖下圖所示。

創建GUI Skin

步驟 4):在 Inspector 面板中修改 GUI Skin 參數,分別設置 Box、Button、Label 樣式,如下圖所示。

修改GUI Skin參數

步驟 5):在 Unity 3D 菜單欄中執行 Assets→Create→JavaScript 命令,創建一個新的腳本文件。

步驟 6):在 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");
}
步驟 7):按 Ctrl+S 鍵保存腳本。

步驟 8):在 Project 視圖中選擇腳本,將其連接到 Main Camera 上。

步驟 9):在 Inspector 視圖中添加紋理資源,并將 GUI Skin 拖動到 Main Camera的Inspector 視圖下。

步驟 10):單擊 Play 按鈕進行測試,效果如下圖所示。

測試效果圖
< 上一頁Unity 3D貼圖 Unity 3D Toggle控件下一頁 >

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

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

底部Logo