效果图
在自定义量角器之前,我先说下,小样就是小样,本着实现效果为目的,当然可能会有更好或者更优的方式,就像做数学题目一样,答案只有一个,但是解答思路有很多种,当然有好的建议和方式下面留言哦!
观察量角器
这个量角器吗?有这几个特征。
- 半圆形(里面有4个半圆)
- 刻度线(长的、中等的、短的)
- 有刻度值(正向,反向,注:这里0和180度省去,别问为啥,因为不好看)
- 10度倍数内刻度线
像这种纯绘制的自定义基本上就是考验对Canvas API使用和数学知识,下面使用Flutter实现。
具体实现
创建Widget
因为尺子是一个静态的,一旦绘制完毕就不需要去改变的,所以说我们直接创建一个
//量角器Widget class SemiCircleRulerWidget extends StatelessWidget { }