Unity組件：GUI Skin 圖形用戶界面皮膚

GUISkins are a collection of GUIStyles that can be applied to your GUI. Each Control type has its own Style definition. Skins are intended to allow you to apply style to an entire UI, instead of a single Control by itself.

圖形用戶界面皮膚是圖形用戶界面樣式的集合，它可以被應(yīng)用于你的圖形用戶界面，每個(gè)控件類型擁有它們自己的樣式定義，皮膚的功能是為你所有用戶界面應(yīng)用樣式，而不是單獨(dú)的為某個(gè)控件應(yīng)用。

A GUI Skin as seen in the Inspector
一個(gè)在監(jiān)視窗中查看的圖形用戶界面皮膚

To create a GUISkin, select Assets->Create->GUI Skin from the menubar.

想要?jiǎng)?chuàng)建一個(gè)圖形用戶界面皮膚，在菜單欄中選擇Assets->Create->GUI Skin

GUISkins are part of the UnityGUI system. For more detailed information about UnityGUI, please take a look at the GUI Scripting Guide.

圖形用戶界面皮膚是Unity圖形用戶界面系統(tǒng)的一部分，想知道更多關(guān)于Unity圖形用戶界面的詳細(xì)信息，請(qǐng)看看圖形用戶界面腳本指南。

Properties 屬性

All of the properties within a GUI Skin are an individual GUIStyle. Please read the GUIStyle page for more information about how to use Styles.

圖形用戶界面皮膚的每個(gè)屬性都是一個(gè)單獨(dú)的圖形用戶界面樣式，請(qǐng)參閱用戶圖形界面樣式頁(yè)面獲取更多關(guān)于如何使用樣式的信息。

• Font 字體
  The global Font to use for every Control in the GUI
  用戶圖形界面中每個(gè)控件所使用的全局字體
• Box 盒
  The Style to use for all Boxes 應(yīng)用于所有盒子控件的樣式
• Button 按鈕
  The Style to use for all Buttons 應(yīng)用于所有按鈕控件的樣式
• Toggle 切換開(kāi)關(guān)
  The Style to use for all Toggles 應(yīng)用于所有按鈕控件的樣式
• Label 標(biāo)簽
  The Style to use for all Labels 應(yīng)用于所有標(biāo)簽控件的樣式
• Text Field 文本框
  The Style to use for all Text Fields 應(yīng)用于所有文本框控件的樣式
• Text Area 文本區(qū)域
  The Style to use for all Text Areas 應(yīng)用于所有多行文本域控件的樣式
• Window 窗口
  The Style to use for all Windows 應(yīng)用于所有窗口控件的樣式
• Horizontal Slider 水平滑動(dòng)條
  The Style to use for all Horizontal Slider bars 應(yīng)用于所有水平滑動(dòng)條控件的樣式
• Horizontal Slider Thumb 水平滑塊
  The Style to use for all Horizontal Slider Thumb Buttons 應(yīng)用于所有水平滑塊控件的樣式
• Vertical Slider 垂直滑動(dòng)條
  The Style to use for all Vertical Slider bars 應(yīng)用于所有垂直滑動(dòng)條控件的樣式
• Vertical Slider Thumb 垂直滑塊
  The Style to use for all Vertical Slider Thumb Buttons 應(yīng)用于所有垂直滑塊控件的樣式
• Horizontal Scrollbar 水平滾動(dòng)條
  The Style to use for all Horizontal Scrollbars 應(yīng)用于所有水平滾動(dòng)條控件的樣式
• Horizontal Scrollbar Thumb
  水平滾動(dòng)條滑塊
  The Style to use for all Horizontal Scrollbar Thumb Buttons
  應(yīng)用于所有按水平滾動(dòng)條滑塊件的樣式
• Horizontal Scrollbar Left Button
  水平滾動(dòng)條左側(cè)按鈕
  The Style to use for all Horizontal Scrollbar scroll Left Buttons
  應(yīng)用于所有水平滾動(dòng)條左側(cè)按鈕控件的樣式
• Horizontal Scrollbar Right Button
  水平滾動(dòng)條右側(cè)按鈕
  The Style to use for all Horizontal Scrollbar scroll Right Buttons
  用于所有水平滾動(dòng)條右側(cè)按鈕控件的樣式
• Vertical Scrollbar 垂直滾動(dòng)條
  The Style to use for all Vertical Scrollbars 應(yīng)用于所有垂直滾動(dòng)條控件的樣式
• Vertical Scrollbar Thumb
  垂直滾動(dòng)條滑塊
  The Style to use for all Vertical Scrollbar Thumb Buttons
  應(yīng)用于所有垂直滾動(dòng)條滑塊控件的樣式
• Vertical Scrollbar Up Button
  垂直滾動(dòng)條頂部按鈕
  The Style to use for all Vertical Scrollbar scroll Up Buttons
  應(yīng)用于所有垂直滾動(dòng)條頂部按鈕控件的樣式
• Vertical Scrollbar Down Button
  垂直滾動(dòng)條底部按鈕
  The Style to use for all Vertical Scrollbar scroll Down Buttons
  應(yīng)用于所有垂直滾動(dòng)條底部按鈕控件的樣式
• Custom 1-20 自定義
  Additional custom Styles that can be applied to any Control
  附加的自定義樣式可以應(yīng)用于任何控件
• Custom Styles 自定義樣式
  An array of additional custom Styles that can be applied to any Control
  一個(gè)帶有可以應(yīng)用于任何控件的自定義樣式的集合
• Settings 設(shè)定
  Additional Settings for the entire GUI 所有圖形用戶界面的附加設(shè)定
•     Double Click Selects Word
      雙擊選中單詞
  If enabled, double-clicking a word will select it
  如果設(shè)為可用，雙擊一個(gè)單詞會(huì)選中它。
•     Triple Click Selects Line
      三擊選中一行
  If enabled, triple-clicking a word will select the entire line
  如果設(shè)為可用，三擊一個(gè)單詞會(huì)選中整行。
•     Cursor Color 光標(biāo)顏色
  Color of the keyboard cursor 鍵盤光標(biāo)的顏色
•     Cursor Flash Speed
       光標(biāo)閃動(dòng)速率
  The speed at which the text cursor will flash when editing any Text Control
  當(dāng)一個(gè)文本控件處于編輯狀態(tài)時(shí)，其上的文本光標(biāo)閃動(dòng)的速率。
•     Selection Color 選中顏色
  Color of the selected area of Text 被選中區(qū)域的文本顏色

Details 詳細(xì)

When you are creating an entire GUI for your game, you will likely need to do a lot of customization for every different Control type. In many different game genres, like real-time strategy or role-playing, there is a need for practically every single Control type.

當(dāng)你在你的游戲中創(chuàng)建一套圖形用戶界面時(shí)，你可能需要為每個(gè)不同的控件類型進(jìn)行大量的定制。在許多不同類型的游戲中，像實(shí)時(shí)策略游戲或角色扮演游戲，幾乎每個(gè)控件類型都需要。

Because each individual Control uses a particular Style, it does not make sense to create a dozen-plus individual Styles and assign them all manually. GUI Skins take care of this problem for you. By creating a GUI Skin, you have a pre-defined collection of Styles for every individual Control. You then apply the Skin with a single line of code, which eliminates the need to manually specify the Style of each individual Control.

因?yàn)槊總�(gè)控件都是用其特定的樣式，創(chuàng)建一大堆獨(dú)立的樣式然后手動(dòng)分配是沒(méi)有必要的。圖形用戶界面皮膚能幫你解決這個(gè)問(wèn)題，通過(guò)創(chuàng)建一個(gè)圖形用戶界面皮膚，你將擁有一個(gè)預(yù)定義的樣式集合對(duì)應(yīng)每個(gè)控件。你主需要一行代碼就能應(yīng)用這個(gè)皮膚，免去了手動(dòng)為每個(gè)控件去指定樣式。

Creating GUISkins 創(chuàng)建圖形用戶界面皮膚

GUISkins are asset files. To create a GUI Skin, select Assets->Create->GUI Skin from the menubar. This will put a new GUISkin in your Project View.

圖形用戶界面皮膚是資源文件，需要?jiǎng)?chuàng)建一個(gè)圖形用戶界面皮膚，請(qǐng)選擇菜單欄中的Assets->Create->GUI Skin 這將會(huì)在你的Project視窗中放入一個(gè)新的圖形用戶界面皮膚文件。

A new GUISkin file in the Project View
項(xiàng)目視圖中的新圖形用戶界面皮膚文件

Editing GUISkins 編輯圖形用戶界面皮膚

After you have created a GUISkin, you can edit all of the Styles it contains in the Inspector. For example, the Text Field Style will be applied to all Text Field Controls.

當(dāng)你創(chuàng)建完一個(gè)圖形用戶界面皮膚之后，你可以在監(jiān)視窗中編輯它包含的所有樣式，例如，文本框樣式將被應(yīng)用于所有的文本框控件。

Editing the Text Field Style in a GUISkin
在圖形用戶界面皮膚中編輯文本框樣式

No matter how many Text Fields you create in your script, they will all use this Style. Of course, you have control over changing the styles of one Text Field over the other if you wish. We'll discuss how that is done next.

不管你通過(guò)腳本創(chuàng)建了多少個(gè)文本框，它們都會(huì)使用這個(gè)樣式，當(dāng)然，你可以根據(jù)需要單獨(dú)改變其中某個(gè)文本框的樣式，稍后我們將講解如何去做。

Applying GUISkins 應(yīng)用圖形用戶界面皮膚

To apply a GUISkin to your GUI, you must use a simple script to read and apply the Skin to your Controls.

如需在你的圖形用戶界面中使用圖形用戶界面皮膚，你必須使用一個(gè)簡(jiǎn)單的腳本去讀取和使用皮膚到你的控件。

// Create a public variable where we can assign the GUISkin
//創(chuàng)建一個(gè)公有變量用于分配用戶圖形界面皮膚。
var customSkin : GUISkin;

// Apply the Skin in our OnGUI() function
//在OnGUI()方法中應(yīng)用這個(gè)皮膚
function OnGUI () {
	GUI.skin = customSkin;

	// Now create any Controls you like, and they will be displayed with the custom Skin
	//現(xiàn)在隨意創(chuàng)建一個(gè)控件，它們將顯示為自定義的皮膚
	GUILayout.Button ("I am a re-Skinned Button");

	// You can change or remove the skin for some Controls but not others
	//你可以修改或移除這個(gè)皮膚以便于顯示不使用此皮膚樣式的控件。
	GUI.skin = null;

	// Any Controls created here will use the default Skin and not the custom Skin
	//在這里創(chuàng)建的控件將使用默認(rèn)皮膚而不是自定義皮膚

	GUILayout.Button ("This Button uses the default UnityGUI Skin");
}

In some cases you want to have two of the same Control with different Styles. For this, it does not make sense to create a new Skin and re-assign it. Instead, you use one of the Custom Styles in the skin. Provide a Name for the custom Style, and you can use that name as the last argument of the individual Control.

有時(shí)候你可能會(huì)需要兩個(gè)相同的控件但是樣式不同，為此，創(chuàng)建一個(gè)新的皮膚并指定它并不是一個(gè)好辦法，反而，你可以在皮膚中添加一個(gè)自定義樣式。

為自定義樣式設(shè)定一個(gè)名字，然后將這個(gè)名字提供給控件的最后一個(gè)參數(shù)。

// One of the custom Styles in this Skin has the name "MyCustomControl"
//皮膚中的一個(gè)自定義樣式名字叫做"MyCustomControl"

var customSkin : GUISkin;

function OnGUI () {
	GUI.skin = customSkin;

	// We provide the name of the Style we want to use as the last argument of the Control function
	//我們指定控件的最后一個(gè)參數(shù)為需要的樣式的名字
	GUILayout.Button ("I am a custom styled Button", "MyCustomControl");

	// We can also ignore the Custom Style, and use the Skin's default Button Style
	//我們也可以不使用自定義樣式，而是用皮膚中默認(rèn)的按鈕樣式。
	GUILayout.Button ("I am the Skin's Button Style");
}

For more information about working with GUIStyles, please read the GUIStyle page. For more information about using UnityGUI, please read the GUI Scripting Guide.

如需更多關(guān)于使用圖形用戶界面樣式的信息，請(qǐng)參閱用戶圖形界面樣式頁(yè)面。如需獲取更多關(guān)于使用Unity圖形用戶界面的信息，請(qǐng)參閱圖形用戶界面腳本指南。