# customSlider

**Repository Path**: GuYueFei/custom-slider

## Basic Information

- **Project Name**: customSlider
- **Description**: 自定义滑动条
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2025-05-30
- **Last Updated**: 2025-06-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 自定义滑动条

### 采用canvas绘制

官方提供的Slider可以满足大部份场景，但是针对用户个性化的场景还是得需要自绘制。
本项目通过自绘制实现了一个量程为 0 ～ 1200 的滑动条，步长为20，分别用不同颜色及长短绘制，效果如下：

> 1. 小刻度步长20
> 2. 中刻度步长100
> 3. 大刻度步长600

### 效果预览

<img src="./image/output1.gif" alt="实际效果" width="350" height="750" style="margin-right: 50px;">
<img src="./image/output2.gif" alt="实际应用效果" width="350" height="750">