首页 > 其他分享 >学习笔记(十四):ArkUi-单选框 (Radio)

学习笔记(十四):ArkUi-单选框 (Radio)

时间:2024-10-30 22:19:41浏览次数:5  
标签:group string 单选框 选中 Radio ArkUi

概述:

单选框组件,通常用于提供相应的用户交互选择项,同一组的Radio中只有一个可以被选中。

单选框组件不支持自定义样式

一、创建单选框

接口形式如下:

value 为单选框名称,group为单选框所在组的名称,同一个组内最多只有一个单选框为选中状态

Radio(options: {value: string, group: string})

 

二、checked

.checked(true) 默认选中

 

设置默认选中状态

三、点击事件

.onChange((isChecked: boolean) => {
      if(isChecked) {
        //需要执行的操作
      }
    

示例:

 

标签:group,string,单选框,选中,Radio,ArkUi
From: https://www.cnblogs.com/xqxacm/p/18515770

相关文章

  • 学习笔记(十三):ArkUi-按钮 (Button)
    概述:按钮组件,通常用于响应用户的点击操作,其类型包括胶囊按钮、圆形按钮、普通按钮。Button做为容器使用时可以通过添加子组件实现包含文字、图片等元素的按钮。使用示例:一、创建Button1、创建不包含子组件的按钮Button('新增').type(ButtonType.Capsule).......
  • 学习笔记(十二):ArkUi-相对布局 (RelativeContainer)
    基本概念锚点:通过锚点设置当前元素基于哪个元素确定位置。对齐方式:通过对齐方式,设置当前元素是基于锚点的上中下对齐,还是基于锚点的左中右对齐。锚点设置锚点设置是指设置子元素相对于父元素或兄弟元素的位置依赖关系。在水平方向上,可以设置left、middle、right的锚点......
  • 高性能 ArkUI 应用开发:复杂 UI 场景中的内存管理与 XML 优化
    本文旨在深入探讨华为鸿蒙HarmonyOSNext系统(截止目前API12)的技术细节,基于实际开发实践进行总结。主要作为技术分享与交流载体,难免错漏,欢迎各位同仁提出宝贵意见和问题,以便共同进步。本文为原创内容,任何形式的转载必须注明出处及原作者。在开发高性能ArkUI应用时,尤其是涉及......
  • 解决elementui中el-radio报错:Blocked aria-hidden on an element because its descend
    今天在使用elment中el-radio的时候发现控制台报错最开始以为是自己哪里写错了,但是后面上网查找的时候发现是浏览器的原因现在来说下解决办法1、可以使用这么一种组合来解决/deep/input[aria-hidden="true"]{display:none!important;}/deep/.el-radio:focus:no......
  • 学习笔记(八):ArkUi-线性布局 (Row/Column)自适应拉伸、缩放、延伸
    一、自适应拉伸在线性布局下,常用空白填充组件Blank,在容器主轴方向自动填充空白空间,达到自适应拉伸效果示例:实现以下常用ui布局,左侧标题文本,右侧内容文本,中间空白区域  二、自适应缩放是指子元素随容器尺寸的变化而按照预设的比例(权重)自动调整尺寸,适应各种不同大小的设......
  • 学习笔记(六):ArkUi-线性布局 (Row/Column)常用属性
    一、space属性设置排列方向上子元素的间距,使各子元素在排列方向上有等间距效果。 二、alignItems属性设置子元素在交叉轴(排列方向的垂直方向)上的对齐方式。且在各类尺寸屏幕中,表现一致。其中,交叉轴为垂直方向时,取值为VerticalAlign类型,水平方向取值为HorizontalAlign类型。......
  • [QT基础系列]单选按钮QRadioButton
    单选按钮QRadioButtonQt中的单选按钮类是QRadioButton它是一个可以切换选中(checked)或未选中(unchecked)状态的单选按钮单选按钮常用在“多选一”的场景,也就是说,在一组单选按钮中,一次只能选中一个单选按钮比如性别中的“男女”二选一,学历中的“博士/硕士/本科/其他......
  • 鸿蒙编程江湖:ArkUI 的声明式 UI 编程与状态管理
    本文旨在深入探讨华为鸿蒙HarmonyOSNext系统(截止目前API12)的技术细节,基于实际开发实践进行总结。主要作为技术分享与交流载体,难免错漏,欢迎各位同仁提出宝贵意见和问题,以便共同进步。本文为原创内容,任何形式的转载必须注明出处及原作者。ArkTS的UI编程范式ArkUI是华为鸿蒙......
  • HarmonyOS:ArkUI最佳实践(2)状态管理最佳实践
    ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★➤微信公众号:山青咏芝(MaoistLearning)➤博客园地址:为敢技术(https://www.cnblogs.com/strengthen/ )➤GitHub地址:https://github.com/strengthen➤原文地址:https://www.cnblogs.com/strengthen/p/......
  • HarmonyOS:ArkUI最佳实践(1)ForEach循环渲染
    ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★➤微信公众号:山青咏芝(MaoistLearning)➤博客园地址:为敢技术(https://www.cnblogs.com/strengthen/ )➤GitHub地址:https://github.com/strengthen➤原文地址:https://www.cnblogs.com/strengthen/p/......