Android自定义View和RatingBar
前言
Android上的RatingBar相比大家都用过，如果你一直使用系统默认样式，应该不会遇到什么问题。但如需要自定义样式，比方说换个星星什么的，额，那你就有麻烦了……
你仔细分析，发现RatingBar是继承自AbsSeekBar，然后AbsSeekBar又继承了ProgressBar。那么是不是像progress一样自定义个progressdrawable就行了呢？ok，换好之后run到真机上一看，不是星星背切平了就是拖着长长的尾巴，特别在做屏幕适配时，各种情况都会出现。What a f**k! 那要怎么解决呢？
网上常见解决方案
首页我们看看网上常见的结局方案
- 切多套图片
- 在style中设置minHeight和maxHeight，且必须两者相等才能生效
- 代码中计算drawable高度来设置layout的高度。
当你使用这些方法时，你需要非常小心，才能达到完美的效果。而且个人认为以上方法都不是很好，都是在规避问题而不是彻底解决问题。既然不行，那我们就自己撸一个吧。
解决方案
开工前首先明确我们需求：
- 评星功能
- 可纯展示可选择星级
- 无适配问题
然后在此基础上又想到几个其他点
- 横竖方向支持
- RatingBar星星间隔gap支持
- 根据layout自动缩放星星大小
而且我们设计api必须足够简单，同时追求绘制高性能。
实现（自定义view）
一般自定义view重点关注两个方法onMeasure和onDraw即可。
onMeasure， 顾名思义这个方法是父节点ViewGroup开始测量Child，这个方法中需要测量自身的宽高，然后让父节点能读取到，所以一定要调用setMeasuredDimension。方法中会带来两个int参数，int参数实际是通过MeasureSpec来构造的，包含了2个信息，即父节点对于子节点长度的限定模式和长度值。关键解释代码注释已经有了：
A MeasureSpec encapsulates the layout requirements passed from parent to child. Each MeasureSpec represents a requirement for either the width or the height.
/** @hide */
@IntDef({UNSPECIFIED, EXACTLY, AT_MOST})
@Retention(RetentionPolicy.SOURCE)
public @interface MeasureSpecMode {}
/**
* Measure specification mode: The parent has not imposed any constraint
* on the child. It can be whatever size it wants.
*/
public static final int UNSPECIFIED = 0 << MODE_SHIFT;
/**
* Measure specification mode: The parent has determined an exact size
* for the child. The child is going to be given those bounds regardless
* of how big it wants to be.
*/
public static final int EXACTLY = 1 << MODE_SHIFT;
/**
* Measure specification mode: The child can be as large as it wants up
* to the specified size.
*/
public static final int AT_MOST = 2 << MODE_SHIFT;
根据我们的需求，我们这里需要测量的长度应该等于：padding + num * starSize + (num -1) * gapSize。注意因为我们是需要自适应来大小来调整的，所以对于测量一次后，需要进行对星星drawable进行一次调整。
measuredHeight = measureHeight(heightMeasureSpec);
if (mRatingDrawable.getIntrinsicHeight() > measuredHeight) {
mRatingDrawable.setBounds(0, 0, measuredHeight, measuredHeight);
mRatingBackgroundDrawable.setBounds(0, 0, measuredHeight, measuredHeight);
} else {
mRatingDrawable.setBounds(0, 0, mRatingDrawable.getIntrinsicWidth(), mRatingDrawable.getIntrinsicHeight());
mRatingBackgroundDrawable.setBounds(0, 0, mRatingDrawable.getIntrinsicWidth(),
mRatingDrawable.getIntrinsicHeight());
}
measuredWidth = measureWidth(widthMeasureSpec);
有了measure的基础后，我们就可以在onDraw里开始真正的绘制了。绘制方法中核心就是在Canvas上进行各种translate、scale、save/restore、draw等操作，另外结合各种辅助类Paint、Path之类的，可以实现各种效果。另外一点值得一提是clipRect是个好方法，这个方法能够帮助我们减少绘制区域，达到性能提升的效果。
为了实现更好的性能，上面两个方法最好都不要分配对象和执行耗时操作，因为他们都是在主线程中进行的，并且可能会调用多次。频繁分配对象和耗时操作会造成主线程卡顿丢帧，伤害用户体验。
此外我们还要实现onTouch方法做到选择星级。onTouch中只要计算好touch的位置再换算成星级重绘即可。当然了，如果我们是纯展示的，在dispatchTouchEvent返回false就好，touch事件则不会交由本View处理。
最后，在Android中实现一个View，不要忘记复写onSaveInstanceState和onRestoreInstanceState方法，当view重建时，系统提供了一个机会让我们保存自己的状态。对于RatingBar来说，自然就是保存星级了。
完整代码参见Github: https://github.com/xckevin/AndroidSmartRatingBar
效果
image.png
