文章目录
- 1. 概念介绍
- 2. 思路与方法
- 2.1 实现思路
- 2.2 实现方法
- 3. 示例代码
- 4. 内容总结
我们在上一章回中介绍了"如何绘制阴影效果"相关的内容,本章回中将介绍 如何自定义一个可以滑动的刻度尺.闲话休提,让我们一起Talk Flutter吧。
1. 概念介绍
任何优美的文字在图形面前都显得苍白无力,因此我们先先上效果图。
图中演示了一个可以滑动的刻度尺,图形中左侧的文字表示刻度值,右侧蓝色的线条表示刻度线,
刻度线上的圆脸图标表示滑动条,它可以在刻度线上滑动,滑动时左侧的刻度值会发生变化。我们将在本章回中介绍如何去实现图片中的刻度尺效果。
2. 思路与方法
2.1 实现思路
实现图中的效果需要使用自定义组件相关的知识,详细内容可以查看我们前面的博客。我们先把上面