当多个 RadioButton 在同一组中使用时,用户只能选择其中一个选项。您可以使用 GroupBox 对 RadioButton 进行分组。否则,panel 将作为默认组。
注意:要将元素与检视面板 (Inspector) 窗口中的其他字段对齐,只需对其应用 .unity-base-field__aligned USS 类。有关更多信息,请参阅 BaseField。
您可以使用__ UI__(即用户界面,User Interface)让用户能够与您的应用程序进行交互。Unity 目前支持三种 UI 系统。更多信息
See in Glossary Builder、UXML 或 C# 创建 RadioButton。以下 C# 示例将在同一容器中创建两个新的单选按钮,并在面板中将它们在逻辑上归为一组。
var choice1 = new RadioButton() { text = "Choice 1" };
choice1.RegisterValueChangedCallback(v => Debug.Log("Choice 1 is : " + v.newValue));
var choice2 = new RadioButton() { text = "Choice 2" };
choice2.RegisterValueChangedCallback(v => Debug.Log("Choice 2 is : " + v.newValue));
container.Add(choice1);
container.Add(choice2);
以下 UXML 示例将创建 RadioButton:
<UXML xmlns="UnityEngine.UIElements" xmlns:uie="UnityEditor.UIElements">
<GroupBox>
<RadioButton label="UXML Field 1" name="the-uxml-field1" />
<RadioButton label="UXML Field 2" name="the-uxml-field2" />
</GroupBox>
</UXML>
以下 C# 示例说明了 RadioButton 的一些可自定义功能:
/// <sample>
// Note: See also RadioButtonGroup in the ChoiceField section of UI Toolkit Samples
// Get a reference to the first radio button from UXML and assign a value to it.
var uxmlField1 = container.Q<RadioButton>("the-uxml-field1");
var uxmlField2 = container.Q<RadioButton>("the-uxml-field2");
uxmlField1.value = true;
// Create two RadioButtons in a separate group, disable them, and give them a style class.
var groupBox = new GroupBox();
container.Add(groupBox);
var csharpField1 = new RadioButton("C# Field 1");
csharpField1.SetEnabled(false);
csharpField1.AddToClassList("some-styled-field");
groupBox.Add(csharpField1);
var csharpField2 = new RadioButton("C# Field 2");
csharpField2.SetEnabled(false);
csharpField2.AddToClassList("some-styled-field");
groupBox.Add(csharpField2);
csharpField1.value = uxmlField1.value;
// Mirror the value of the UXML field into the C# field.
uxmlField1.RegisterCallback<ChangeEvent<bool>>((evt) =>
{
csharpField1.value = evt.newValue;
});
uxmlField2.RegisterCallback<ChangeEvent<bool>>((evt) =>
{
csharpField2.value = evt.newValue;
});
/// </sample>
要在 Unity 中实时试用此示例,请转到窗口 (Window) > UI 工具包 (UI Toolkit) > 示例 (Samples)。
C# 类:RadioButton
命名空间:UnityEngine.UIElements
基类:BaseBoolField
此元素从其基类继承以下属性:
| 名称 | 类型 | 描述 |
|---|---|---|
binding-path |
string |
要绑定的目标属性的路径。 |
focusable |
boolean |
如果元素可以聚焦,则为 true。 |
label |
string |
表示将显示在字段旁边的标签的字符串。 |
tabindex |
int |
用于对焦点环中可获得焦点的元素排序的整数。必须大于或等于零。 |
text |
string |
在 BaseBoolField 之后显示的可选文本。 如果 Label 不存在,Unity 会自动创建一个。 |
toggle-on-label-click |
boolean |
用户单击标签时是否激活开关。 |
value |
boolean |
与字段关联的值。 |
此元素还从 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-radio-button |
RadioButton 元素的 USS 类名称。 Unity 将此 USS 类添加到 RadioButton 元素的每个实例。应用于此类的任何样式都会影响位于视觉树中样式表旁边或下方的每个 RadioButton。 |
labelUssClassName |
.unity-radio-button__label |
RadioButton 元素中标签的 USS 类名称。 如果 RadioButton 具有标签,Unity 会将此 USS 类添加到 RadioButton 的 Label 子元素。 |
inputUssClassName |
.unity-radio-button__input |
RadioButton 元素中输入元素的 USS 类名称。 Unity 将此 USS 类添加到 RadioButton 的输入子元素。输入子元素提供对操控器的响应。 |
checkmarkBackgroundUssClassName |
.unity-radio-button__checkmark-background |
RadioButton 元素中复选标记背景的 USS 类名称。 Unity 将此 USS 类添加到 RadioButton 的复选标记背景子元素。 |
checkmarkUssClassName |
.unity-radio-button__checkmark |
RadioButton 元素中复选标记的 USS 类名称。 Unity 将此 USS 类添加到 RadioButton 的复选标记子元素。 |
textUssClassName |
.unity-radio-button__text |
RadioButton 元素中 Text 元素的 USS 类名称。 Unity 将此 USS 类添加到 RadioButton 的 Text 子元素。 |
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 的组件。