【HarmonyOS NEXT应用开发】案例131：基于Slider的滑动条

在HarmonyOS中，Slider组件是由ArkUI开发框架提供的滑动条组件，通常用于快速调节设置值，如音量调节、亮度调节等应用场景。

场景一：自定义Slider

效果

方案

1. 如上图，其主要的实现方式是对其套上Stack容器，把图片置于Slider的上层，然后主要要对其设置hitTestBehavior(HitTestMode.Transparent)，将上层的触摸滑动手势传递到下层的Slider去。
2. 橙色的进度条主要就是利用了滑轨可以设置渐变色，然后边角半径设置的小一点，就可以有上图这个效果；如果不想要填充颜色，可以设置selectColor为Transparent；然后如果想自定义滑块的样式，可以选择将block类型设置为image，自己传入自己想要自定义的图片即可。

案例代码

@Component
export struct WidgetsSlider