36、鸿蒙/布局/自适应列表开关
作者:
圆梦人生 | 来源:发表于
2024-07-26 09:03 被阅读0次
- 案例：实现列表开关
- 思路：布局为左右，使用行布局(Row)，左侧为文本自适应，右侧为开关Toggle，效果如下：
layoutWeight.png
代码
@Component
export struct LayoutWeightToggle {
build() {
Column(){
Row(){
Text('开启低电量模式')
.layoutWeight(1)
.fontColor('#ccc')
Toggle({ isOn: false, type: ToggleType.Switch })
}.width('100%')
.justifyContent(FlexAlign.SpaceBetween)
.height(50)
.backgroundColor(Color.White)
.padding({ left:16, right:16 })
}.width('100%')
.height('100%')
.backgroundColor(Color.Gray)
}
}
本文标题：36、鸿蒙/布局/自适应列表开关
本文链接：https://www.haomeiwen.com/subject/ffzkhjtx.html
网友评论