在 OpenHarmony（ArkUI / eTS） 中，滑杆一般使用 Slider 组件来实现。下面按常见用法给你说明。
@Entry
@Component
struct SliderExample {
@State value: number = 50
build() {
Column() {
Slider({
value: this.value,
min: 0,
max: 100,
step: 1,
style: SliderStyle.OutSet
})
.onChange((value: number) => {
this.value = value
})
Text(`当前值：${this.value}`)
}
}
}
| 属性 | 说明 |
|---|---|
value |
当前值 |
min |
最小值 |
max |
最大值 |
step |
步长 |
style |
SliderStyle.OutSet / SliderStyle.InSet |
direction |
滑动方向（Axis.Horizontal / Axis.Vertical） |
reverse |
是否反向 |
showSteps |
是否显示步长点 |
showTips |
是否显示提示 |
Slider({
value: this.value,
min: 0,
max: 100,
direction: Axis.Vertical
})
Slider({
value: this.value,
min: 0,
max: 100,
showTips: true
})
Slider({ value: this.value })
.onChange((value) => {
this.value = value
})
.onTouch((event) => {
if (event.type === TouchType.Up) {
// 滑动结束
}
})
slider 标签，写法不同如果你是指 具体场景（如音量条、亮度条、自定义样式、JS UI 滑杆），可以告诉我，我可以给你对应示例。
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
