📜  unity gui 样式颜色按钮 (1)

📅  最后修改于: 2023-12-03 14:48:11.607000             🧑  作者: Mango

Unity GUI 样式颜色按钮

Unity GUI (Graphical User Interface) 是 Unity 引擎中用于创建用户界面的工具集。其中包括按钮、文本区域、滑条、滚动条等控件。本文介绍 Unity 中设置样式、颜色和按钮等内容。

Unity 样式系统

Unity 中的样式定义了控件的外观和行为。样式通常被应用于整个控件,但也可以应用于控件的不同部分。

设置默认样式

Unity 使用 Inspector 面板设置 GUI 元素的颜色和背景,但在某些情况下,您可能需要在代码中动态设置这些属性。为了实现这一目标,Unity 提供了一个称为 “Styles” 的类。

以下是一些示例代码,它将创建一个空样式并将其赋给一个按钮:

var style = new GUIStyle();
GUI.Button(new Rect(10, 10, 100, 100), "Click me!", style);

这将为您提供具有默认样式的按钮。如果您要按自己的想法设置样式,请继续阅读本文。

改变样式元素

Unity 的样式由多个属性组成,包括字体、字形、字体大小和颜色等。您可以使用 GUIStyle 的属性来更改这些。

以下示例展示如何为按钮设置自定义颜色:

var style = new GUIStyle(GUI.skin.button);
style.normal.textColor = Color.yellow;
GUI.Button(new Rect(10, 10, 100, 100), "Click me!", style);

这将创建一个黄色的按钮,而不是默认的白色。

按钮样式

Unity 的按钮样式可以通过更改 GUIStyle 的属性来自定义。以下是设置按钮背景颜色和文本颜色的示例:

var style = new GUIStyle(GUI.skin.button);
style.normal.background = MakeTex(2, 2, new Color(0.2f, 0.3f, 0.4f, 0.5f));
style.normal.textColor = Color.yellow;
GUI.Button(new Rect(10, 10, 100, 100), "Click me!", style);

这将创建一个具有蓝色背景和黄色文本颜色的按钮。

Unity GUI 样式颜色

Unity GUI 样式可以使用颜色设置控件的背景、文本和轮廓。以下是一些内置的颜色属性:

  • Color.white
  • Color.black
  • Color.red
  • Color.green
  • Color.blue
  • Color.yellow
  • Color.cyan
  • Color.grey
  • Color.clear

以下示例演示如何为按钮设置红色背景和白色文本颜色:

GUI.backgroundColor = Color.red;
GUI.contentColor = Color.white;
GUI.Button(new Rect(10, 10, 100, 100), "Click me!");
Markdown 返回代码
# Unity GUI 样式颜色按钮

Unity GUI (Graphical User Interface) 是 Unity 引擎中用于创建用户界面的工具集。其中包括按钮、文本区域、滑条、滚动条等控件。本文介绍 Unity 中设置样式、颜色和按钮等内容。

## Unity 样式系统

Unity 中的样式定义了控件的外观和行为。样式通常被应用于整个控件,但也可以应用于控件的不同部分。

### 设置默认样式

Unity 使用 Inspector 面板设置 GUI 元素的颜色和背景,但在某些情况下,您可能需要在代码中动态设置这些属性。为了实现这一目标,Unity 提供了一个称为 “Styles” 的类。

以下是一些示例代码,它将创建一个空样式并将其赋给一个按钮:

```csharp
var style = new GUIStyle();
GUI.Button(new Rect(10, 10, 100, 100), "Click me!", style);

这将为您提供具有默认样式的按钮。如果您要按自己的想法设置样式,请继续阅读本文。

改变样式元素

Unity 的样式由多个属性组成,包括字体、字形、字体大小和颜色等。您可以使用 GUIStyle 的属性来更改这些。

以下示例展示如何为按钮设置自定义颜色:

var style = new GUIStyle(GUI.skin.button);
style.normal.textColor = Color.yellow;
GUI.Button(new Rect(10, 10, 100, 100), "Click me!", style);

这将创建一个黄色的按钮,而不是默认的白色。

按钮样式

Unity 的按钮样式可以通过更改 GUIStyle 的属性来自定义。以下是设置按钮背景颜色和文本颜色的示例:

var style = new GUIStyle(GUI.skin.button);
style.normal.background = MakeTex(2, 2, new Color(0.2f, 0.3f, 0.4f, 0.5f));
style.normal.textColor = Color.yellow;
GUI.Button(new Rect(10, 10, 100, 100), "Click me!", style);

这将创建一个具有蓝色背景和黄色文本颜色的按钮。

Unity GUI 样式颜色

Unity GUI 样式可以使用颜色设置控件的背景、文本和轮廓。以下是一些内置的颜色属性:

  • Color.white
  • Color.black
  • Color.red
  • Color.green
  • Color.blue
  • Color.yellow
  • Color.cyan
  • Color.grey
  • Color.clear

以下示例演示如何为按钮设置红色背景和白色文本颜色:

GUI.backgroundColor = Color.red;
GUI.contentColor = Color.white;
GUI.Button(new Rect(10, 10, 100, 100), "Click me!");