SliderInt 允许用户从一系列值中选择整数值。您可以使用 SliderInt 来调整值,例如游戏中的生命数。要设置该值,可沿轨道滑动拇指,或单击轨道本身。Slider 还可以包含一个文本输入字段,您可以在其中直接修改值。
注意:要将元素与检视面板 (Inspector) 窗口中的其他字段对齐,只需对其应用 .unity-base-field__aligned USS 类。有关更多信息,请参阅 BaseField。
您可以使用__ 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# 类:SliderInt
命名空间:UnityEngine.UIElements
基类:BaseSlider_1
此元素具有以下成员属性:
| 名称 | 类型 | 描述 |
|---|---|---|
page-size |
float |
单击 SliderInt.value 时要向其添加或删除的值。 这被转换为 int。 |
此元素从其基类继承以下属性:
| 名称 | 类型 | 描述 |
|---|---|---|
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 持久性。 |
下表列出了所有 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 的组件。