深知大多数程序员,想要提升技能,往往是自己摸索成长,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,涵盖了95%以上鸿蒙开发知识点,真正体系化!
由于文件比较多,这里只是将部分目录截图出来,全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频,并且后续会持续更新
// xxx.ets
import router from ‘@ohos.router’;
@Entry
@Component
struct Index {
build() {
Row() {
Radio({ value: ‘Radio1’, group: ‘radioGroup’ })
.checked(false)
Radio({ value: ‘Radio2’, group: ‘radioGroup’ })
.checked(true)
}
.width(‘100%’)
.height(‘100%’)
.backgroundColor(0xDCDCDC)
.padding({ top: 5 })
}
}
2.添加事件
// xxx.ets
import router from ‘@ohos.router’;
@Entry
@Component
struct Index {
build() {
Row() {
Radio({ value: ‘Radio1’, group: ‘radioGroup’ })
.onChange((isChecked: boolean) => {
if(isChecked) {
//需要执行的操作
console.log(‘1’)
}
})
Radio({ value: ‘Radio2’, group: ‘radioGroup’ })
.onChange((isChecked: boolean) => {
if(isChecked) {
//需要执行的操作
console.log(‘2’)
}
})
}
.width(‘100%’)
.height(‘100%’)
.backgroundColor(0xDCDCDC)
.padding({ top: 5 })
}
}
3.案例
Radio按钮是一种常见的用户界面元素,常用于允许用户在几个选项中选择一个。以下是Radio按钮的几个常见应用场景:
- 设置偏好:当应用程序需要让用户选择一种选项,例如语言偏好或其他个人偏好设置时,可以使用Radio按钮。
- 选择筛选条件:当用户需要在多个筛选条件中选择一个时,可以使用Radio按钮。例如,在电子商务网站中,用户可以使用Radio按钮选择价格范围或产品类别。
- 选择付款方式:当用户需要在几种付款方式中选择一种时,可以使用Radio按钮。例如,在在线购物网站中,用户可以选择使用信用卡、PayPal或网上银行。
- 选择性别:在某些网站或应用程序中,当用户需要提供性别信息时,可以使用Radio按钮。
- 多步骤表单:当构建具有多个步骤的表单时,可以使用Radio按钮来选择各个步骤之间的选项。
Radio按钮适用于任何需要用户在几个选项中进行选择的场景。它提供了一种简单易用的用户界面元素,使得用户可以方便快捷地选择他们需要的选项。
案例:
// xxx.ets
import promptAction from ‘@ohos.promptAction’;
@Entry
@Component
struct Index {
build() {
Row() {
Column() {
Radio({ value: ‘Radio1’, group: ‘radioGroup’ }).checked(true)
.height(50)
.width(50)
.onChange((isChecked: boolean) => {
if(isChecked) {
// 切换为响铃模式
promptAction.showToast({ message: ‘Ringing mode.’ })
}
})
Text(‘Ringing’)
}
Column() {
Radio({ value: ‘Radio2’, group: ‘radioGroup’ })
.height(50)
深知大多数程序员,想要提升技能,往往是自己摸索成长,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,涵盖了95%以上鸿蒙开发知识点,真正体系化!
由于文件比较多,这里只是将部分目录截图出来,全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频,并且后续会持续更新
件比较多,这里只是将部分目录截图出来,全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频,并且后续会持续更新**