先看效果圖：

評分

分析：兩張圖片茉继，一張默認 一張選中圖片
使用 canvas.drawBitmap()
跟之前有不同地方是：資源屬性是一張圖片 在自定義的view的時候 要采用bitmap的方式不见，通過BitmapFactory來加載資源文件。

獲取資源屬性代碼：

TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.StarView);

mStarCount = typedArray.getInt(R.styleable.StarView_starCount,mStarCount);

mStarMargin = (int)typedArray.getDimension(R.styleable.StarView_starMargin,mStarMargin);

int mStarNormalId = typedArray.getResourceId(R.styleable.StarView_starNormal, 0);

if(mStarNormalId ==0){

throw new RuntimeException("請先設(shè)置屬性");

}

int mStarFocusId = typedArray.getResourceId(R.styleable.StarView_starFocus,0);

if(mStarFocusId ==0){

throw new RuntimeException("請先設(shè)置屬性");

}

mStarNormalBitmap = BitmapFactory.decodeResource(getResources(), mStarNormalId);

mStarFocusBitmap = BitmapFactory.decodeResource(getResources(),mStarFocusId);

typedArray.recycle();

重寫OnDraw()方法

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

int width =mStarNormalBitmap.getWidth() * i + getPaddingLeft() + i *mStarMargin;

canvas.drawBitmap(mStarNormalBitmap,width,0,null);

if(mStarFocusCount > i){

canvas.drawBitmap(mStarFocusBitmap,width,0,null);

}

}

重寫onMeasure()方法計算寬高? ?注意padding問題

@Override

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

super.onMeasure(widthMeasureSpec, heightMeasureSpec);

? ? int width =mStarNormalBitmap.getWidth();

? ? //高度 為 圖片的高度 寬度為 圖片數(shù)量乘以圖片寬度

? ? width = (mStarCount-1) *mStarMargin + getPaddingLeft() + getPaddingRight() + width *mStarCount;

? ? int height =mStarNormalBitmap.getHeight() + getPaddingTop() + getPaddingBottom();

? ? setMeasuredDimension(width,height);

}

還要重寫 onTouchEvent() 才能夠?qū)崿F(xiàn)滑動的效果：

重寫onTouchEvent事件的時候 要返回true 否則無法滑動 為什么呢持寄？后面會有筆記

只需要考慮 x 抽的問題就行

float x1 = event.getX();

doUpdate(x1);

private void doUpdate(float downX){

if(0 < downX && downX < getWidth()){

downX = downX - getPaddingLeft();

? ? ? ? if(downX <=0){

mStarFocusCount =0;

? ? ? ? }else {

int bx =mStarNormalBitmap.getWidth() +mStarMargin;

? ? ? ? ? ? int a = (int)( downX / bx );

? ? ? ? ? ? Log.d("TAG=>結(jié)果",a+"");

? ? ? ? ? ? mStarFocusCount = a +1;

? ? ? ? }

invalidate();

? ? }

}

以上代碼存在內(nèi)存需要優(yōu)化的問題源梭，請大家注意：每次滑動都會不斷的調(diào)用onDraw()方法

應(yīng)該是在星星范圍內(nèi)才滑動才好

if(count !=mStarFocusCount){

mStarFocusCount = count;

? ? invalidate();

}

好了，源碼地址：

GitHub - panshimu/StarView