话不多说，上图

近日app需求弄一个等级展示，看了下UI图，只显示实星(点亮的星星).如图

但是网上关于星级评分的例子大多这样

也展示虚心星星

通过自定义Viewpackage com.starsbar;

import android.content.Context;

import android.content.res.TypedArray;

import android.graphics.Bitmap;

import android.graphics.BitmapShader;

import android.graphics.Canvas;

import android.graphics.Paint;

import android.graphics.drawable.Drawable;

import android.util.AttributeSet;

import android.view.MotionEvent;

import android.view.View;

public class StarBar extends View {

private int starDistance = 0; //星星间距

private int starCount = 5; //星星个数

private int starSize; //星星高度大小，星星一般正方形，宽度等于高度

private float starMark = 0.0F; //评分星星

private Bitmap starFillBitmap; //亮星星

private Drawable starEmptyDrawable; //暗星星

private OnStarChangeListener onStarChangeListener;//监听星星变化接口

private Paint paint; //绘制星星画笔

private boolean integerMark = false;

private boolean clickAble = true;

public StarBar(Context context, AttributeSet attrs) {

super(context, attrs);

init(context, attrs);

}

public StarBar(Context context, AttributeSet attrs, int defStyleAttr) {

super(context, attrs, defStyleAttr);

init(context, attrs);

}

/**

* 初始化UI组件

*/

private void init(Context context, AttributeSet attrs) {

setClickable(true);

TypedArray mTypedArray = context.obtainStyledAttributes(attrs, R.styleable.StarBar);

this.starDistance = (int) mTypedArray.getDimension(R.styleable.StarBar_starDistance, 0);

this.starSize = (int) mTypedArray.getDimension(R.styleable.StarBar_starSize, 20);

this.starCount = mTypedArray.getInteger(R.styleable.StarBar_starCount, 5);

this.starEmptyDrawable = mTypedArray.getDrawable(R.styleable.StarBar_starEmpty);

this.starFillBitmap = drawableToBitmap(mTypedArray.getDrawable(R.styleable.StarBar_starFill));

mTypedArray.recycle();

paint = new Paint();

paint.setAntiAlias(true);

paint.setShader(new BitmapShader(starFillBitmap, BitmapShader.TileMode.CLAMP, BitmapShader.TileMode.CLAMP));

}

/**

* 设置星星是否可以点击和滑动改变

*/

public void setClickAble(boolean clickAble) {

this.clickAble = clickAble;

}

/**

* 设置是否需要整数评分

*

* @param integerMark

*/

public void setIntegerMark(boolean integerMark) {

this.integerMark = integerMark;

}

/**

* 设置显示的星星的分数

*

* @param mark

*/

public void setStarMark(float mark) {

if (integerMark) {

starMark = (int) Math.ceil(mark);

} else {

starMark = Math.round(mark * 10) * 1.0f / 10;

}

if (this.onStarChangeListener != null) {

this.onStarChangeListener.onStarChange(starMark); //调用监听接口

}

invalidate();

}

/**

* 获取显示星星的数目

*

* @return starMark

*/

public float getStarMark() {

return starMark;

}

/**

* 定义星星点击的监听接口

*/

public interface OnStarChangeListener {

void onStarChange(float mark);

}

/**

* 设置监听

*

* @param onStarChangeListener

*/

public void setOnStarChangeListener(OnStarChangeListener onStarChangeListener) {

this.onStarChangeListener = onStarChangeListener;

}

@Override

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

super.onMeasure(widthMeasureSpec, heightMeasureSpec);

setMeasuredDimension(starSize * starCount + starDistance * (starCount - 1), starSize);

}

@Override

protected void onDraw(Canvas canvas) {

super.onDraw(canvas);

if (starFillBitmap == null || starEmptyDrawable == null) {

return;

}

for (int i = 0; i < starCount; i++) {

starEmptyDrawable.setBounds((starDistance + starSize) * i, 0, (starDistance + starSize) * i + starSize, starSize);

starEmptyDrawable.draw(canvas);

}

if (starMark > 1) {

canvas.drawRect(0, 0, starSize, starSize, paint);

if (starMark - (int) (starMark) == 0) {

for (int i = 1; i < starMark; i++) {

canvas.translate(starDistance + starSize, 0);

canvas.drawRect(0, 0, starSize, starSize, paint);

}

} else {

for (int i = 1; i < starMark - 1; i++) {

canvas.translate(starDistance + starSize, 0);

canvas.drawRect(0, 0, starSize, starSize, paint);

}

canvas.translate(starDistance + starSize, 0);

canvas.drawRect(0, 0, starSize * (Math.round((starMark - (int) (starMark)) * 10) * 1.0f / 10), starSize, paint);

}

} else {

canvas.drawRect(0, 0, starSize * starMark, starSize, paint);

}

}

/**

* 设置星星总数

*/

public void setStarCount(int count){

starCount = count;

}

/**

* 设置星星亮的颗数

*/

public void setRating(int rating){

if (integerMark) {

starMark = (int) Math.ceil(rating);

} else {

starMark = Math.round(rating * 10) * 1.0f / 10;

}

if (this.onStarChangeListener != null) {

this.onStarChangeListener.onStarChange(starMark); //调用监听接口

}

invalidate();

}

@Override

public boolean onTouchEvent(MotionEvent event) {

if (clickAble) {

int x = (int) event.getX();

if (x < 0) x = 0;

if (x > getMeasuredWidth()) x = getMeasuredWidth();

switch (event.getAction()) {

case MotionEvent.ACTION_DOWN: {

setStarMark(x * 1.0f / (getMeasuredWidth() * 1.0f / starCount));

break;

}

case MotionEvent.ACTION_MOVE: {

setStarMark(x * 1.0f / (getMeasuredWidth() * 1.0f / starCount));

break;

}

case MotionEvent.ACTION_UP: {

break;

}

}

invalidate();

}

return super.onTouchEvent(event);

}

/**

* drawable转bitmap

*

* @param drawable

* @return

*/

private Bitmap drawableToBitmap(Drawable drawable) {

if (drawable == null) return null;

Bitmap bitmap = Bitmap.createBitmap(starSize, starSize, Bitmap.Config.ARGB_8888);

Canvas canvas = new Canvas(bitmap);

drawable.setBounds(0, 0, starSize, starSize);

drawable.draw(canvas);

return bitmap;

}

}

解决方案，为了只显示实心数，加了2个方法，注意：/**

* 设置星星总数

*/

public void setStarCount(int count){

starCount = count;

}

/**

* 设置星星亮的颗数

*/

public void setRating(int rating){

if (integerMark) {

starMark = (int) Math.ceil(rating);

} else {

starMark = Math.round(rating * 10) * 1.0f / 10;

}

if (this.onStarChangeListener != null) {

this.onStarChangeListener.onStarChange(starMark); //调用监听接口

}

invalidate();

}

在activity中配合使用即可实现上述需求：//不可选择的starBar，只做显示用 不显示空心

starBar2=findViewById(R.id.starBar2);

starBar2.setClickAble(false);

starBar2.setStarCount(3);

starBar2.setRating(3);

另介绍另外一种星级评分 YStarView