HarmonyOS 实战开发 —— 基于Slider的滑动条

---

📚往期笔录记录🔖：

🔖鸿蒙（HarmonyOS）北向开发知识点记录~
🔖鸿蒙（OpenHarmony）南向开发保姆级知识点汇总~
🔖鸿蒙应用开发与鸿蒙系统开发哪个更有前景？
🔖嵌入式开发适不适合做鸿蒙南向开发？看完这篇你就了解了~
🔖对于大前端开发来说，转鸿蒙开发究竟是福还是祸？
🔖鸿蒙岗位需求突增！移动端、PC端、IoT到底该怎么选？
🔖记录一场鸿蒙开发岗位面试经历~
🔖持续更新中……

---

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

场景一：自定义 Slider

效果

方案

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

案例代码

@Component
export struct WidgetsSliderPage {
  private gradientColorSilderTwo: LinearGradient = n