W3Cschool
恭喜您成為首批注冊用戶
獲得88經(jīng)驗值獎勵
圖形用戶界面皮膚是圖形用戶界面樣式的集合,集合內(nèi)有許多控件,每個控件類型擁有很多樣式定義。
Skin 文件
的 Inspector 面板會顯示出可以影響到的所有控件,展開任何一個控件菜單會顯示其可以修改的內(nèi)容,其中包括字體大小、字體類型、背景等。
創(chuàng)建一個圖形用戶界面皮膚,在菜單欄中執(zhí)行 Assets
→ Create
→ GUI 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è)定。 |
使用案例
GUISkin
,保存場景。Assets
中的 Resource
文件夾下。GUI Skin
,如圖下圖所示。
GUI Skin 參數(shù)
,分別設(shè)置 Box
、Button
、Label
樣式,如下圖所示。
Assets
→ Create
→ JavaScript
命令,創(chuàng)建一個新的腳本文件。 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");
}
Ctrl+S
鍵保存腳本。Main Camera
上。GUI Skin
拖動到 Main Camera
的 Inspector 視圖下。
Copyright©2021 w3cschool編程獅|閩ICP備15016281號-3|閩公網(wǎng)安備35020302033924號
違法和不良信息舉報電話:173-0602-2364|舉報郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號
聯(lián)系方式:
更多建議: