鸿蒙 HarmonyOS UI 组件 单选按钮 设置默认值
概述
在鸿蒙 HarmonyOS UI 组件中,单选按钮(RadioButton)是一种常用的交互元素,可以让用户在多个选项中选择一个。本文将教你如何设置单选按钮的默认值。
流程
首先,让我们来看一下设置单选按钮默认值的整体流程:
步骤 | 操作 |
---|---|
1 | 创建一个包含多个单选按钮的组 |
2 | 设置默认选中的单选按钮 |
步骤详解
步骤1:创建一个包含多个单选按钮的组
在鸿蒙 HarmonyOS UI 组件中,我们可以使用RadioContainer来创建一个包含多个单选按钮的组。具体步骤如下:
- 在XML布局文件中添加RadioContainer组件,并设置其id属性:
<RadioContainer
ohos:id="$+id:radioContainer"
ohos:layout_width="match_parent"
ohos:layout_height="wrap_content" />
- 在Java代码中获取RadioContainer组件,并通过addRadioButton()方法添加单选按钮:
RadioContainer radioContainer = (RadioContainer)findComponentById(ResourceTable.Id_radioContainer);
radioContainer.addRadioButton("Option 1");
radioContainer.addRadioButton("Option 2");
radioContainer.addRadioButton("Option 3");
步骤2:设置默认选中的单选按钮
在步骤1中,我们创建了一个包含多个单选按钮的组。接下来,我们需要设置默认选中的单选按钮。具体步骤如下:
- 在Java代码中获取RadioContainer组件,并通过setMarkedButtonId()方法设置默认选中的单选按钮的id:
RadioContainer radioContainer = (RadioContainer)findComponentById(ResourceTable.Id_radioContainer);
radioContainer.setMarkedButtonId(ResourceTable.Id_option2);
代码示例
下面是一个完整的代码示例,展示了如何创建一个包含多个单选按钮的组,并设置默认选中的单选按钮:
<?xml version="1.0" encoding="utf-8"?>
<DirectionalLayout
xmlns:ohos="
ohos:height="match_parent"
ohos:width="match_parent"
ohos:orientation="vertical">
<RadioContainer
ohos:id="$+id:radioContainer"
ohos:layout_width="match_parent"
ohos:layout_height="wrap_content" />
</DirectionalLayout>
public class MyAbility extends Ability {
@Override
public void onStart(Intent intent) {
super.onStart(intent);
super.setUIContent(ResourceTable.Layout_ability_my);
// 获取RadioContainer组件
RadioContainer radioContainer = (RadioContainer)findComponentById(ResourceTable.Id_radioContainer);
// 添加单选按钮
radioContainer.addRadioButton("Option 1");
radioContainer.addRadioButton("Option 2");
radioContainer.addRadioButton("Option 3");
// 设置默认选中的单选按钮
radioContainer.setMarkedButtonId(ResourceTable.Id_option2);
}
}
结语
通过以上步骤,你已经学会了如何在鸿蒙 HarmonyOS UI 组件中设置单选按钮的默认值。希望本文对你有所帮助!如果你有任何问题,可以随时向我提问。