HarmonyOS 组件5--Slider滑动条

>语法

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) // 是否展示百分比
  • 6
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值