当前位置:   article > 正文

ArkTS组件--Slider组件(滑动条组件)_arkts界面滑动

arkts界面滑动

1.声明Slider组件

  1. Slider(options?:SliderOptions)
  2. #可选操作
  3. Slider({
  4. min:0, #最小值
  5. max:100, #最大值
  6. value:30, #当前值
  7. step:10, #滑动步长
  8. style:SliderStyle.OutSet, #样式,圆球在滑动条内部或者外部(默认外部)
  9. direction:Axis.Horizontal, #滑动条方向左小右大, 竖直状态下下大上小
  10. reverse:false #是否反向滑动,最小最大值是否反向
  11. })

2.添加属性

  1. Slider({
  2. min:0,
  3. max:100,
  4. value:30,
  5. step:10,
  6. style:SliderStyle.OutSet,
  7. direction:Axis.Horizontal,
  8. reverse:false
  9. })
  10. .width('90%') #宽
  11. .showTips(true) #是否显示value所占滑轨的百分比
  12. .blockColor('#36D')
  13. .onChange(value => {
  14. #value表示滑块当前值
  15. })

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/AllinToyou/article/detail/233188
推荐阅读
相关标签
  

闽ICP备14008679号