如何做微信商城網(wǎng)站建設百度提問登陸入口
單選框,提供相應的用戶交互選擇項。該組件從API Version 8開始支持。無子組件。
一、接口
Radio(options: {value: string, group: string})
從API version 9開始,該接口支持在ArkTS卡片中使用。
參數(shù):
?
二、屬性
除支持通用屬性外,還支持以下屬性:
?
三、事件
除支持通用事件外,還支持以下事件:
?
四、示例
// xxx.ets
@Entry
@Component
struct RadioExample {build() {Flex({ direction: FlexDirection.Row, justifyContent: FlexAlign.Center, alignItems: ItemAlign.Center }) {Column() {Text('Radio1')Radio({ value: 'Radio1', group: 'radioGroup' }).checked(true).height(50).width(50).onChange((isChecked: boolean) => {console.log('Radio1 status is ' + isChecked)})}Column() {Text('Radio2')Radio({ value: 'Radio2', group: 'radioGroup' }).checked(false).height(50).width(50).onChange((isChecked: boolean) => {console.log('Radio2 status is ' + isChecked)})}Column() {Text('Radio3')Radio({ value: 'Radio3', group: 'radioGroup' }).checked(false).height(50).width(50).onChange((isChecked: boolean) => {console.log('Radio3 status is ' + isChecked)})}}.padding({ top: 30 })}
}
復制
五、效果
?
六、場景
適合卡片上直接操作單選項的場景。
本文根據(jù)HarmonyOS官方文檔整理。