Android canvas绘制的可滑动刻度尺

首先放上所有成员变量

以上用到的方法

本Demo是使用Canvas进行绘制刻度，为了适配不同宽度的屏幕，所以小的刻度使用从中心指针处向两边绘制到屏幕边界的方法，使用GestureDetector接管View的触摸事件，在onScroll中修改体重值并不断进行重绘，达到刻度尺滚动的效果。并在onFling中接收抛动的事件，开启一个属性动画达到平滑的效果。由于我没有在GestureDetector中找到能响应不fling的up事件，所以要自己手动在onTouchEvent中写ACIONT_UP时的动作

遮罩层的实现方式，是drawRec 一个整个画布大小的白色矩形，使用线性渐变，两边不透明到中间透明。注意，由于使用了PorterDuff.Mode.MULTIPLY来合成，所以需要使用到离屏缓冲，关于离屏缓冲可以看看 HenCoder

最后附上github： https://github.com/Pro47x/BodyWeightScaleTableView

和我学办公软件

关注

APP Inventor如何在画布上画红色的线

工具原料Windows7APP Inventor2

方法/步骤分步阅读

1

/5

首先打开APP Inventor2,在组件设计里拖出画布.

2

/5

然后设置画布的宽度为填满,高度为填满.

3

/5

接着在逻辑设计界面,点开模块下画布抽屉.

4

/5

拖动并设置好画现的代码块和参数.

5

/5

设置好画布上画笔的颜色为红色,这时,用手指在屏幕上就能画红色的线了

---