harmony 鸿蒙Radio Button

  • 2025-06-12
  • 浏览 (4)

Radio Button

Radio buttons allow users to choose one option from multiple mutually exclusive options. Only the selected option takes effect.

Radio_sub_1

How to Use

  • Use radio buttons in a list with multiple options, where users can choose only one of them.

  • Do not use a single radio button. Instead, use a group of radio buttons. All the radio buttons in the group are equal.

  • You are advised to have the recommended option selected by default.

  • In case a radio button is selected as the recommended option, it can be cleared only when users select another radio button in the group.

  • Avoid using a radio button group for on/off options. Use a toggle instead.

  • After an option is selected, another option is deselected.

Resources

For details about the development guide related to radio buttons, see Radio.

你可能感兴趣的鸿蒙文章

harmony 鸿蒙OpenHarmony Application UX Design Specifications

harmony 鸿蒙Adaptive Layouts

harmony 鸿蒙Animation Attributes

harmony 鸿蒙Animation Design Principles

harmony 鸿蒙Animation Overview

harmony 鸿蒙Application Navigation Structure Design

harmony 鸿蒙Application Page Structure Design

harmony 鸿蒙Application UX Design Principles

harmony 鸿蒙Annotated Drawings

harmony 鸿蒙Design Checklists

0  赞