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

文章目录

  • 1. 概念介绍
  • 2. 思路与方法
    • 2.1 实现思路
    • 2.2 实现方法
  • 3. 示例代码
  • 4. 内容总结

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

1. 概念介绍

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

第一百八十二回 自定义一个可以滑动的刻度尺_第1张图片

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

2. 思路与方法

2.1 实现思路

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

你可能感兴趣的:(talk8的私房菜,移动开发Flutter,自定义组件,刻度尺,滑动刻度尺)