ArkTS Slider滑动条组件的用法（附带实例）

Slider 是滑动条组件，通常用于快速调节设置值，如调节音量、亮度等。

Slider 基本用法的示例代码如下：

Row(){
   Slider({
     value:10 ,   // 当前进度值
     min:0 ,      // 最小值
     max:100 ,    // 最大值
     step:1 ,     // 设置Slider滑动步长
   })
}

Slider 相关属性的使用，示例代码如下：

Row() {
  Slider({
    value: 10,                   // 当前进度值
    min: 0,                      // 最小值
    max: 100,                    // 最大值
    step: 1,                     // 步长：每次滑动变化 1
    style: SliderStyle.OutSet,   // 滑块样式：OutSet 滑块在滑轨上；InSet 滑块在滑轨内
    direction: Axis.Horizontal,  // 方向：Horizontal 水平；Vertical 垂直
    reverse: false               // 是否反向取值：false 正常方向；true 反向
  })
    .blockColor('#191970')        // 滑块填充色
    .trackColor('#ADD8E6')        // 滑轨背景色
    .selectedColor('#4169E1')     // 已滑动部分颜色
    .showSteps(true)              // 是否显示步长刻度
    .showTips(true)               // 滑动时是否显示气泡提示
    .trackThickness(15)           // 滑轨粗细
    .blockBorderColor('#FFFF0000')// 滑块描边颜色
    .blockBorderWidth(1)          // 滑块描边粗细；若 type 为 IMAGE 则无效
    .stepColor('#FFFF00FF')       // 刻度颜色
    .blockStyle({
      type: SliderBlockType.SHAPE,                          // 滑块类型：SHAPE 自定义形状
      shape: new Path({ commands: 'M60 60 M30 30 L15 56 L45 56 z' }) // 自定义三角形 Path
    })
    .width('100%')
}

Slider 组件的示例效果如下图所示：