一呐能、先看一下效果圖

半個星星的資源圖片是隨便找的，別在意這些小東西

事例圖

系統(tǒng)方法去實(shí)現(xiàn)（UI配合从藤， 三步搞定催跪，建議使用系統(tǒng)，星星間隙用透明度去控制）：

    <!--1. 配置文件-->
    <RatingBar
            android:id="@+id/rb_appraise"
            style="@style/App_RatingBar"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:isIndicator="true"
            android:minWidth="12dp"
            android:minHeight="12dp"
            android:numStars="5"
            android:rating="0.0"
            android:stepSize="0.1" />
            
    <!--2. 主題樣式-->  
    <style name="App_RatingBar" parent="@android:style/Widget.RatingBar">
        <item name="android:progressDrawable">@drawable/app_rating_stars</item>
        <item name="android:gravity">center</item>
    </style>
    
    <!--3. drawable樣式-->    
    <?xml version="1.0" encoding="utf-8"?>
    <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <!--drawable 用UI給的切圖-->

    <!--默認(rèn)樣式-->
    <item
        android:id="@android:id/background"
        android:drawable="@drawable/ic_app_comm_star_nor" />
    <item
        android:id="@android:id/secondaryProgress"
        android:drawable="@drawable/ic_app_comm_star_nor" />
    <!--進(jìn)度樣式-->
    <item
        android:id="@android:id/progress"
        android:drawable="@drawable/ic_app_comm_star_sel" />
    </layer-list>

二夷野、為什么要自定義RatingBar

系統(tǒng)的RatingBar功能挺全，但有幾個缺陷：
  1. 星星與星星之間的間距沒辦法控制
  2. 星星的大小很難控制
  3. 系統(tǒng)的樣式一般都不符合自己App的UI樣式

三荣倾、自定義View的一般套路

1. 自定義屬性
2. 測量控件的寬高
3. 擺放控件的位置
4. 繪制控件
5. 用戶交互（事件處理）

四悯搔、分析平時開發(fā)用到的RatingBar的特有屬性

1. 星星的狀態(tài)：未選中、選中半個舌仍、選中全部妒貌，一般都是由UI提供切圖
2. 星星選中的數(shù)量（可能是半個）
3. 星星的總個數(shù)
4. 星星與星星之間的間距
5. 星星的大小

五、自定義RatingBar屬性

按上面分析定義出RatingBar的屬性

<declare-styleable name="RatingBar">
        <!--未選中-->
        <attr name="starEmptyRes" format="reference" />
        <!--選中半個-->
        <attr name="starHalfRes" format="reference" />
        <!--選中全部-->
        <attr name="starSelectedRes" format="reference" />
        <!--星星的總數(shù)-->
        <attr name="startTotalNumber" format="integer" />
        <!--默認(rèn)選中的數(shù)量 -->
        <attr name="selectedNumber" format="float" />
        <!--星星的間距-->
        <attr name="starDistance" format="dimension" />
        <!--星星的寬度-->
        <attr name="starWidth" format="dimension" />
        <!--星星的高度-->
        <attr name="starHeight" format="dimension" />
        <!--是不是只畫整個星星铸豁，不畫半個-->
        <attr name="starIsFull" format="boolean" />
</declare-styleable>

六灌曙、創(chuàng)建自定義RatingBar View，并找到自定義屬性

public class RatingBar extends View {

    // 正常节芥、半個和選中的星星
    private Bitmap mStarNormal, mStarHalf, mStarSelected;
    //星星的總數(shù)
    private int mStartTotalNumber = 5;
    //選中的星星個數(shù)
    private float mSelectedNumber;
    // 星星之間的間距
    private int mStartDistance;
    // 是否畫滿
    private Status mStatus = Status.FULL;
    // 星星的寬高
    private float mStarWidth;
    private float mStarHeight;
    // 星星選擇變化的回調(diào)
    private OnStarChangeListener mOnStarChangeListener;
    // 是不是要畫滿,默認(rèn)不畫半個的
    private boolean isFull;
    // 畫筆
    private Paint mPaint = new Paint();
    // 用于判斷是繪制半個在刺，還是全部
    private enum Status {
        FULL, HALF
    }

    public RatingBar(Context context) {
        this(context, null);
    }

    public RatingBar(Context context, @Nullable AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public RatingBar(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        TypedArray array = context.obtainStyledAttributes(attrs, R.styleable.RatingBar);

        // 未選中的圖片資源
        int starNormalId = array.getResourceId(R.styleable.RatingBar_starEmptyRes, 0);
        if (starNormalId == 0) {
            throw new IllegalArgumentException("請?jiān)O(shè)置屬性 starNormal");
        }
        mStarNormal = BitmapFactory.decodeResource(getResources(), starNormalId);
        // 選中一半的圖片資源
        int starHalfId = array.getResourceId(R.styleable.RatingBar_starHalfRes, 0);
        if (starHalfId != 0) {
            mStarHalf = BitmapFactory.decodeResource(getResources(), starHalfId);
        }
        // 選中全部的圖片資源
        int starSelectedId = array.getResourceId(R.styleable.RatingBar_starSelectedRes, 0);
        if (starSelectedId == 0) {
            throw new IllegalArgumentException("請?jiān)O(shè)置屬性 starSelected");
        }
        mStarSelected = BitmapFactory.decodeResource(getResources(), starSelectedId);
        // 如果沒設(shè)置一半的圖片資源，就用全部的代替
        if (starHalfId == 0) {
            mStarHalf = mStarSelected;
        }

        mStartTotalNumber = array.getInt(R.styleable.RatingBar_startTotalNumber, mStartTotalNumber);
        mSelectedNumber = array.getFloat(R.styleable.RatingBar_selectedNumber, mSelectedNumber);
        mStartDistance = (int) array.getDimension(R.styleable.RatingBar_starDistance, 0);
        mStarWidth = array.getDimension(R.styleable.RatingBar_starWidth, 0);
        mStarHeight = array.getDimension(R.styleable.RatingBar_starHeight, 0);
        isFull = array.getBoolean(R.styleable.RatingBar_starIsFull, true);
        array.recycle();

        // 如有指定寬高头镊，獲取最大值 去改變星星的大序纪铡（星星是正方形）
        int starWidth = (int) Math.max(mStarWidth, mStarHeight);
        if (starWidth > 0) {
            mStarNormal = resetBitmap(mStarNormal, starWidth);
            mStarSelected = resetBitmap(mStarSelected, starWidth);
            mStarHalf = resetBitmap(mStarHalf, starWidth);
        }
                    
        // 計(jì)算一半還是全部（小數(shù)部分小于等于0.5就只是顯示一半）
        if (!isFull) {
            int num = (int) mSelectedNumber;
            if (mSelectedNumber <= (num + 0.5f)) {
                mStatus = Status.HALF;
            }
        }


    }
    /**
     * 如果用戶設(shè)置了圖片的寬高，就重新設(shè)置圖片
     */
    public Bitmap resetBitmap(Bitmap bitMap, int startWidth) {
        // 得到新的圖片
        return Bitmap.createScaledBitmap(bitMap, startWidth, startWidth, true);
    }

    /**
     * 設(shè)置選中星星的數(shù)量
     */
    public void setSelectedNumber(int selectedNumber) {
        if (selectedNumber >= 0 && selectedNumber <= mStartTotalNumber) {
            this.mSelectedNumber = selectedNumber;
            invalidate();
        }
    }

    /**
     * 設(shè)置星星的總數(shù)量
     */
    public void setStartTotalNumber(int startTotalNumber) {
        if (startTotalNumber > 0) {
            this.mStartTotalNumber = startTotalNumber;
            invalidate();
        }

    }
}

七相艇、測量控件的寬高（onMeasure）

@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    // 用正常的一個星星圖片去測量高
    int height = getPaddingTop() + getPaddingBottom() + mStarNormal.getHeight();
    // 寬 = 星星的寬度*總數(shù) + 星星的間距*（總數(shù)-1） +padding
    int width = getPaddingLeft() + getPaddingRight() + mStarNormal.getWidth() * mStartTotalNumber + mStartDistance * (mStartTotalNumber - 1);
    setMeasuredDimension(width, height);
}

七颖杏、繪制控件RatingBar（onDraw）

@Override
protected void onDraw(Canvas canvas) {
    // 循環(huán)繪制
    for (int i = 0; i < mStartTotalNumber; i++) {
        float left = getPaddingLeft();
        // 從第二個星星開始，給它設(shè)置星星的間距
        if (i > 0) {
            left = getPaddingLeft() + i * (mStarNormal.getWidth() + mStartDistance);
        }
        float top = getPaddingTop();
        // 繪制選中的星星
        if (i < mSelectedNumber) {
            // 比當(dāng)前選中的數(shù)量小
            if (i < mSelectedNumber - 1) {
                canvas.drawBitmap(mStarSelected, left, top, mPaint);
            } else {
                // 在這里判斷是不是要繪制滿的
                if (mStatus == Status.FULL) {
                    canvas.drawBitmap(mStarSelected, left, top, mPaint);
                } else {
                    canvas.drawBitmap(mStarHalf, left, top, mPaint);
                }
            }
        } else {
            // 繪制正常的星星
            canvas.drawBitmap(mStarNormal, left, top, mPaint);
        }

    }
}

八坛芽、用戶交互留储，也就是復(fù)寫觸摸事件(onTouchEvent)

@Override
public boolean onTouchEvent(MotionEvent event) {
    switch (event.getAction()) {
        //減少繪制
        case MotionEvent.ACTION_MOVE:
            // 獲取用戶觸摸的x位置
            float x = event.getX();
            // 一個星星占的寬度
            int startWidth = getWidth() / mStartTotalNumber;
            // 計(jì)算用戶觸摸星星的位置
            int position = (int) (x / startWidth + 1);
            if (position < 0) {
                position = 0;
            }
            if (position > mStartTotalNumber) {
                position = mStartTotalNumber;
            }
            // 計(jì)算繪制的星星是不是滿的
            float result = x - startWidth * (position - 1);
            Status status;
            // 結(jié)果大于一半就是滿的
            if (result > startWidth * 0.5f) {
                // 滿的
                status = Status.FULL;
            } else {
                // 一半的
                status = Status.HALF;
            }
            if (isFull) {
                status = Status.FULL;
            }
            //減少繪制
            if (mSelectedNumber != position || status != mStatus) {
                mSelectedNumber = position;
                mStatus = status;
                invalidate();
                if (mOnStarChangeListener != null) {
                    position = (int) (mSelectedNumber - 1);
                    // 選中的數(shù)量：滿的就回調(diào)（1.0這種）翼抠，一半就（0.5這種）
                    float selectedNumber = status == Status.FULL ? mSelectedNumber
                            : (mSelectedNumber - 0.5f);
                    mOnStarChangeListener.OnStarChanged(selectedNumber,
                            position < 0 ? 0 : position);
                }
            }
            break;
    }
    return true;
}
//  回調(diào)監(jiān)聽（選中的數(shù)量，位置）
public interface OnStarChangeListener {
    void OnStarChanged(float selectedNumber, int position);
}

九获讳、實(shí)際使用

public class RatingBarActivity extends AppCompatActivity {
    private RatingBar mRatingBar;
    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_ratingbar);
        mRatingBar= (RatingBar) findViewById(R.id.rb);
        mRatingBar.setOnStarChangeListener(new RatingBar.OnStarChangeListener() {
            @Override
            public void OnStarChanged(float selectedNumber, int position) {
                // TODO 做相應(yīng)的業(yè)務(wù)操作
            }
        });
    }
}

// R.layout.activity_ratingbar 布局
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <cn.carhouse.viewdemo.view.RatingBar
        android:id="@+id/rb"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        app:selectedNumber="2.5"
        app:starDistance="12dp"
        app:starEmptyRes="@mipmap/star_normal"
        app:starHalfRes="@mipmap/star_half"
        app:starIsFull="false"
        app:starSelectedRes="@mipmap/star_selected" />
</FrameLayout>

事例圖

• 星星大小控制：starHeight或者starWidth任意一個屬性就好阴颖。
• 默認(rèn)不畫半個星星，要畫半個星星：starIsFull="false"赔嚎。
  效果圖如上膘盖，到此只要改變UI切出來的星星圖片，就滿足UI做出來的效果和業(yè)務(wù)的需求了尤误。其它特殊的我沒想到侠畔，你們也可以去改改就好。如果只是顯示损晤，就設(shè)置enable屬性為false就好软棺。還有其它的，自己稍作調(diào)整尤勋。
• 只供學(xué)習(xí)喘落，如果效果不好，還是叫UI切圖用系統(tǒng)的去實(shí)現(xiàn)最冰。