UXML 元素 GradientField

GradientField 是一个仅限编辑器控件，允许用户从渐变编辑器中设置颜色渐变。

注意：要将元素与 检查器一个 Unity 窗口，显示有关当前选定 GameObject、资源或项目设置的信息，允许您检查和编辑值。 更多信息
参见 词汇表 窗口中的其他字段对齐，只需将 .unity-base-field__aligned USS 类应用于它即可。有关更多信息，请参阅 BaseField。

创建 GradientField

您可以使用 UI(用户界面) 允许用户与您的应用程序交互。Unity 目前支持三种 UI 系统。 更多信息
参见 词汇表 构建器、UXML 或 C# 创建 GradientField。以下 C# 示例创建了一个具有默认值的 GradientField

var gradient = new GradientField();
gradient.value = new Gradient();
gradient.value.colorKeys = new GradientColorKey[]
{
    new GradientColorKey(Color.red, 0),
    new GradientColorKey(Color.blue, 10),
    new GradientColorKey(Color.green, 20)
};

示例

以下 UXML 示例创建了一个 GradientField

<UXML xmlns="UnityEngine.UIElements" xmlns:uie="UnityEditor.UIElements">
    <uie:GradientField label="UXML Field" name="the-uxml-field" />
</UXML>

以下 C# 示例说明了 GradientField 的一些可自定义功能

/// <sample>
var initialValue = new Gradient();
initialValue.colorKeys = new GradientColorKey[]
{
    new GradientColorKey(Color.red, 0),
    new GradientColorKey(Color.blue, 10),
    new GradientColorKey(Color.green, 20)
};

// Get a reference to the field from UXML and assign a value to it.
var uxmlField = container.Q<GradientField>("the-uxml-field");
uxmlField.value = initialValue;

// Create a new field, disable it, and give it a style class.
var csharpField = new GradientField("C# Field");
csharpField.SetEnabled(false);
csharpField.AddToClassList("some-styled-field");
csharpField.value = uxmlField.value;
container.Add(csharpField);

// Mirror the value of the UXML field into the C# field.
uxmlField.RegisterCallback<ChangeEvent<Gradient>>((evt) =>
{
    csharpField.value = evt.newValue;
});
/// </sample>

要在 Unity 中实时尝试此示例，请转到窗口 > UI 工具包 > 示例。

C# 基类和命名空间

C# 类：GradientField
命名空间：UnityEditor.UIElements
基类：BaseField_1

成员 UXML 属性

此元素具有以下成员属性

继承的 UXML 属性

此元素从其基类继承以下属性

此元素还从 VisualElement 继承以下属性

USS 类

下表列出了所有 C# 公共属性名称及其相关的 USS 选择器。

您还可以使用检查器或 UI 工具包调试器中的匹配选择器部分查看哪些 USS 选择器影响其层次结构中每个级别的 VisualElement 的组件。

其他资源

• Gradient
• ColorField
• GradientMode