>语法
Slider(options?:SliderOptions
Slider是HarmonyOS中的滑动条组件,可以通过一些属性来配置滑动条的样式。
>配置属性方法
1. min:200
滑动条的最小值
2. max:1600
滑动条的最大值
3. value:200
初始值、滑块的当前值
4. step:50
滑动一次改变的值,默认值是1
5. direction:Axis.Horizontal
Axis.Vertical垂直滑动条、Axis.Horizontal水平滑动条
6. style:SliderStyle.InSet
InSet:滑动条内显(宽)、OutSet:滑动条外显(细)
7. reverse:false
是否可以改变最大最小值的方向
8. .width('90%')
改变宽度
9. .blockColor('#333')
滑块的颜色
10. .showTips(true)
是否展示百分比
11. .onChange((参数)=>{逻辑事件})
Slider({
min:200, // 滑块的最左边的值
max:1600, // 滑块的最右边的值
value:200, // 初始值、滑块的当前值
step:50, // 滑动一次改变的值,默认值是1
direction:Axis.Horizontal, // Axis.Vertical垂直滑动条、Axis.Horizontal水平滑动条
style:SliderStyle.InSet, // InSet:滑动条内显(宽)、OutSet:滑动条外显(细)
reverse:false // 是否可以改变最大最小值的方向
})
.onChange((value)=>{
this.imageWidth = value
// 滑动滑块改变图片尺寸
})
.width('90%') // 改变宽度
.blockColor('#333') // 滑块的颜色
.showTips(true) // 是否展示百分比