第一百八十二回 自定义一个可以滑动的刻度尺

我们在上一章回中介绍了"如何绘制阴影效果"相关的内容，本章回中将介绍 如何自定义一个可以滑动的刻度尺.闲话休提，让我们一起Talk Flutter吧。

1. 概念介绍

任何优美的文字在图形面前都显得苍白无力，因此我们先先上效果图。

图中演示了一个可以滑动的刻度尺，图形中左侧的文字表示刻度值，右侧蓝色的线条表示刻度线，
刻度线上的圆脸图标表示滑动条，它可以在刻度线上滑动，滑动时左侧的刻度值会发生变化。我们将在本章回中介绍如何去实现图片中的刻度尺效果。

2. 思路与方法

2.1 实现思路

实现图中的效果需要使用自定义组件相关的知识，详细内容可以查看我们前面的博客。我们先把上面图片的内容做一个拆分：

• 左侧显示刻度值的文本使用Text来实现。
• 滑块是一个图片，使用Iamge或者Icon来实现。
• 刻度尺可以通过Container来实现，或者通过C