在 OpenHarmony(ArkUI / eTS) 里,“滑杆”一般指的是 Slider(滑块)组件。下面用最常见的方式给你说明。
@Entry
@Component
struct SliderExample {
@State value: number = 50
build() {
Column() {
Text('当前值:' + this.value)
.fontSize(20)
.margin(10)
Slider({
value: this.value,
min: 0,
max: 100,
step: 1
})
.showTips(true) // 显示提示
.onChange((newValue: number) => {
this.value = newValue
})
}
.width('100%')
.padding(20)
}
}
| 属性 | 说明 |
|---|---|
value |
当前值 |
min |
最小值 |
max |
最大值 |
step |
步长(每次滑动变化量) |
showTips |
是否显示数值提示 |
onChange |
值变化回调 |
Slider({ value: 30, min: 0, max: 100 })
Slider({ value: 30, min: 0, max: 100 })
.vertical(true)
.height(200)
Slider({ value: volume, min: 0, max: 100 })
.onChange(v => volume = v)
Slider({ value: brightness, min: 0, max: 255, step: 5 })
Slider 是 受控组件,必须绑定 valueonChange 中更新 @State如果你用的是:
可以告诉我,我可以给你对应示例。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。