效果如下图第一个控件
image.png
源码在文末
自定义一个渐变色的进度条，需要怎样定义？又会遇到什么坑？
带着这些问题，开始发车。
思考
1如何绘制
2遇到什么坑
如何绘制
只要安卓开发中，扯上了自定义控件这个字眼，那么，使用canvas就八九不离十了。本次实践中，自定义的是一个进度条，那么，进度条，有什么最最基本要素？
（一）当前进度
（二）背景颜色
除了上述意外，还有一些要素，如：缓存进度等等。确实都是大同小异，只要了解实现的原理，那这些都是时间的产物而已。
话回正题，如何实现。
首先，定义好外部调用的时候，需要传入什么参数，这个很关键，定义不好，就会有很多返工的机会。
笔者针对当前开发需求，定义了一个外部传入对象，代码如下：
//进度条背景色--resource color
private int bgColor = R.color.color_a8a8a8;
//进度条开始颜色
private int progressStartColor = R.color.colorPrimaryDark;
//进度条结束颜色
private int progressEndColor = R.color.blue_light;
//进度条圆角
private int radius = 20;
//进度条文字大小，文字颜色,显示的文字
private int textSize = 16;
private int textColor = R.color.color_ffffff;
private String text = "100%";
//文字是否加粗
private boolean textBold = false;
//进度--最大100
private int progress = 6;
上图中的定义，基本满足当时的需求了。定义好以后，就可以进行自定义view中的canvas开发了。
canvas绘制是有层级的，所以，绘制背景，是第一个操作，再者，就是当前进度，最后，就是进度的文字了。
其中，绘制的字体的时候，注意canvas的drawtext中，y的真正含义。具体可以自行了解开发文档。
绘制进度条背景核心代码如下：
int radius = dp2px(mDrawInfo.getRadius());
mPaint.setColor(getResources().getColor(mDrawInfo.getBgColor()));
canvas.drawRoundRect(0, 0, mViewWidth, mViewHeight, radius, radius, mPaint);
其实就是一个drawRoundRect的api调用，没什么特别的。
绘制当前进度核心代码如下：
mPaint.setShader(new LinearGradient(0, 0, mDrawProgress, mViewHeight,
getResources().getColor(mDrawInfo.getProgressStartColor()),
getResources().getColor(mDrawInfo.getProgressEndColor()),
Shader.TileMode.CLAMP
));
RectF rectProgress = new RectF(0, 0, mDrawProgress, mViewHeight);
canvas.drawRoundRect(rectProgress, radius, radius, mPaint);
因为需求需要当前进度显示一个渐变的颜色，所以，就要对paint画笔对象，设置一个过渡效果，调用setShader对象即可。
最后，绘制文字，核心代码如下：
canvas.drawText(mDrawText, mDrawTextX,
mViewHeight - mDrawTextHeightInterval, mPaint);
其实就是也是一个drawText方法调用，没什么特别的。
至此，思路已经说完了。但是实际开发中，会有一些地方需要注意的，下面开始发车。
遇到的问题
一、当画笔对象setShader后，若下一个绘制操作不需要，记得要调用setShader(null)。否则会继续保持。
二、对于进度值很少的时候，会出现一个很特别的情况，由于调用的是drawRoundRect方法，所以圆角的地方，会不重合，开发者可以试一下。
如何解决？这就要使用Paint.setXfermode的方法中的PorterDuff.Mode.SRC_IN方法。此外，还要禁用硬件加速setLayerType(View.LAYER_TYPE_SOFTWARE, null)。注意！！！画笔在调用setXfermode方法后，记得及时set null。
动画
对于设置进度的动画，用插值器实现就好，这里不一一叙述。
写在最后
对于自定义控件，难的不是调用canvas的接口，而是调用完这些接口以后，如何保证结果如期，如何调整整合带来的兼容问题。
that's all----------------------------------------------------------------------------------------------
网友评论