>语法

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) // 是否展示百分比
Logo

讨论HarmonyOS开发技术,专注于API与组件、DevEco Studio、测试、元服务和应用上架分发等。

更多推荐