Version: Unity 6.0 (6000.0)
语言 : 中文
Slider
Tab

SliderInt

SliderInt 允许用户从一系列值中选择整数值。您可以使用 SliderInt 来调整值,例如游戏中的生命数。要设置该值,可沿轨道滑动拇指,或单击轨道本身。Slider 还可以包含一个文本输入字段,您可以在其中直接修改值。

注意:要将元素与检视面板 (Inspector) 窗口中的其他字段对齐,只需对其应用 .unity-base-field__aligned USS 类。有关更多信息,请参阅 BaseField

创建 SliderInt

您可以使用__ UI__(即用户界面,User Interface)让用户能够与您的应用程序进行交互。Unity 目前支持三种 UI 系统。更多信息
See in Glossary
Builder、UXML 或 C# 创建 SliderInt。以下 C# 示例将创建具有默认值、低值和高值的 SliderInt,并设置 Slider 的方向:

var sliderInt = new SliderInt();
sliderInt.value = 42;
sliderInt.lowValue = 0;
sliderInt.highValue = 100;
sliderInt.direction = SliderDirection.Horizontal;

设置页面大小

SliderInt 控件具有一个 page-size 属性,用于控制当您点击滑块两侧的轨道时,滑块的移动量以及数值的变化量。

如果 page-size 值为 0,点击轨道会将滑块移动到光标或指针的位置,并相应地更新数值。

如果 page-size 值大于 0,点击轨道会将滑块向光标或指针位置移动一个特定的距离。SliderInt 控件将 page-size 视为绝对值。

例如,如果总范围为 200,而页面大小为 20,则页面大小量是绝对值 20。每次点击轨道时,滑块会移动,且数值会增加或减少 20。

示例

以下 UXML 示例将创建 SliderInt:

<UXML xmlns="UnityEngine.UIElements" xmlns:uie="UnityEditor.UIElements">
    <SliderInt
        label="UXML Slider"
        name="the-uxml-slider"
        low-value="0"
        high-value="100"
        page-size="1"
        value="42" />
</UXML>

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

/// <sample>
// Get a reference to the slider from UXML and assign it its value.
var uxmlSlider = container.Q<SliderInt>("the-uxml-slider");
uxmlSlider.value = 42;

// Create a new slider, disable it, and give it a style class.
var csharpSlider = new SliderInt("C# Slider", 0, 100);
csharpSlider.SetEnabled(false);
csharpSlider.AddToClassList("some-styled-slider");
csharpSlider.value = uxmlSlider.value;
container.Add(csharpSlider);

// Mirror value of uxml slider into the C# field.
uxmlSlider.RegisterCallback<ChangeEvent<int>>((evt) =>
{
    csharpSlider.value = evt.newValue;
});
/// </sample>

要在 Unity 中实时试用此示例,请转到窗口 (Window) > UI 工具包 (UI Toolkit) > 示例 (Samples)

C# 基类和命名空间

C# 类SliderInt
命名空间UnityEngine.UIElements
基类BaseSlider_1

成员 UXML 属性

此元素具有以下成员属性:

名称 类型 描述
page-size float 单击 SliderInt.value 时要向其添加或删除的值。

这被转换为 int。

继承 UXML 属性

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

名称 类型 描述
binding-path string 要绑定的目标属性的路径。
direction UIElements.SliderDirection 这是包含滑动条方向的实际属性。
fill boolean 启用填充以设置滑动条的颜色和形状。
focusable boolean 如果元素可以聚焦,则为 true。
high-value int 这是滑动条编码的最大值。
inverted boolean 这指示是否反转此滑动条。对于反转水平滑动条,高值位于左侧,低值位于右侧。对于反转垂直滑动条,高值位于底部,低值位于顶部。
label string 表示将显示在字段旁边的标签的字符串。
low-value int 这是滑动条编码的最小值。
page-size float 表示滚动滑动条时应用于滚动偏移量计算的值,例如在轨道内单击或单击滑动条箭头时。
show-input-field boolean 滑动条控件中可选字段的可见性。

将此属性设置为 true 可显示一个数字文本字段,该字段提供了另一种编辑滑动条值的方法。
tabindex int 用于对焦点环中可获得焦点的元素排序的整数。必须大于或等于零。
value int 滑动条的实际值。

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

名称 类型 描述
content-container string 向其添加子元素,通常与元素本身相同。
data-source Object 为此 VisualElement 分配一个数据源,此数据源将覆盖任何已继承的数据源。此数据源由所有子项继承。
data-source-path string 从数据源到值的路径。
data-source-type System.Type 可分配给此 VisualElement 的可能数据源的类型。

仅当在设计时无法指定有效数据源时,UI Builder 才使用此信息作为补全数据源路径字段的提示。
language-direction UIElements.LanguageDirection 指示元素文本的方向性。该值将传播到元素的子项。

将 languageDirection 设置为 RTL,即可通过反转文本、处理换行和单词自动换行的方式,提供对从右到左 (RTL) 语言的基本支持。但是,它不提供全面的 RTL 支持,因为这需要文本整形(包括字符重新排序)和 OpenType 字体功能支持。未来更新计划提供全面的 RTL 支持,这将涉及额外的 API 来处理语言、脚本和字体功能规范。

要增强此属性的 RTL 功能,用户可以在 Unity 资源商店中探索可用的第三方插件,并使用 ITextElementExperimentalFeatures.renderedText
name string 此 VisualElement 的名称。

使用此属性可编写针对特定元素的 USS 选择器。标准做法是为元素指定唯一名称。
picking-mode UIElements.PickingMode 确定是否可以在 mouseEvents 或 IPanel.Pick 查询期间选择此元素。
style string 设置 VisualElement 样式值。
tooltip string 用户将光标悬停在元素上一小段时间后信息框内显示的文本。仅在编辑器 UI 中受支持。
usage-hints UIElements.UsageHints 用于指定 VisualElement 高级预期使用模式的提示值组合。仅当 VisualElement 尚未成为 Panel 的一部分时,才能设置此属性。一旦成为 Panel 的一部分,此属性实际上就变为只读,尝试更改此属性将显示异常。适当的 UsageHints 规范会促使系统根据预期的使用模式,做出更好的决策,以处理或加速某些操作。请注意,这些提示不会影响行为或视觉效果,只会影响面板及其元素的整体性能。建议始终考虑指定适当的 UsageHints,但请记住,在某些情况下(例如,由于目标平台上的硬件限制),某些 UsageHints 可能会在内部被忽略。
view-data-key string 用于 View Data 持久性,例如树展开状态、滚动位置或缩放级别。

此键用于保存和加载 View Data 存储中的视图数据。如果未设置此键,则会对关联的 VisualElement 禁用持久性。有关更多信息,请参阅 View Data 持久性

USS 类

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

C# 属性 USS 选择器 描述
ussClassName .unity-slider-int 此类型元素的 USS 类名称。
labelUssClassName .unity-slider-int__label 此类型元素中标签的 USS 类名称。
inputUssClassName .unity-slider-int__input 此类型元素中输入元素的 USS 类名称。
ussClassName .unity-base-slider 此类型元素的 USS 类名称。
labelUssClassName .unity-base-slider__label 此类型元素中标签的 USS 类名称。
inputUssClassName .unity-base-slider__input 此类型元素中输入元素的 USS 类名称。
horizontalVariantUssClassName .unity-base-slider--horizontal 此类型元素在水平显示时的 USS 类名称。
verticalVariantUssClassName .unity-base-slider--vertical 此类型元素在垂直显示时的 USS 类名称。
dragContainerUssClassName .unity-base-slider__drag-container 此类型元素中容器元素的 USS 类名称。
trackerUssClassName .unity-base-slider__tracker 此类型元素中音轨元素的 USS 类名称。
draggerUssClassName .unity-base-slider__dragger 此类型元素中拖动器元素的 USS 类名称。
draggerBorderUssClassName .unity-base-slider__dragger-border 此类型元素中拖动器边框元素的 USS 类名称。
fillUssClassName .unity-base-slider__fill 此类型元素中填充元素的 USS 类名称。
ussClassName .unity-base-field 此类型元素的 USS 类名称。
labelUssClassName .unity-base-field__label 此类型元素中标签的 USS 类名称。
inputUssClassName .unity-base-field__input 此类型元素中输入元素的 USS 类名称。
noLabelVariantUssClassName .unity-base-field--no-label 没有标签时,此类型元素的 USS 类名称。
labelDraggerVariantUssClassName .unity-base-field__label--with-dragger 附加拖动器时,此类型元素中标签的 USS 类名称。
mixedValueLabelUssClassName .unity-base-field__label--mixed-value 显示混合值的元素的 USS 类名称。
alignedFieldUssClassName .unity-base-field__aligned 检视器元素中已对齐元素的 USS 类名称。
disabledUssClassName .unity-disabled 本地被禁用元素的 USS 类名称。

还可以使用检视器中的匹配选择器 (Matching Selectors) 部分或 UI 工具包调试器来查看哪些 USS 选择器在其层级视图的每个级别上影响 VisualElement 的组件。

其他资源

Slider
Tab