引言

上一篇的CheckBox已經讓大家越來越接近實戰演練了，本章我們繼續分享干貨給大家，今天介紹一個實用的UI控件RatingBar(星級評分條)，對于使用過電商APP(某東，某寶等)的小伙伴們來說，應該不會陌生。在對商品進行評價時，經常會出現五星好評的評分樣式，這個五星評分樣式就是今天的主角RatingBar。

簡介

RatingBar：用于評分和展示的星級評分控件。

public class RatingBar extendsAbsSeekBar

?

java.lang.Object

? android.view.View

? android.widget.ProgressBar

? android.widget.AbsSeekBar

? android.widget.RatingBar

由上面的繼承結構可以看出，RatingBar是基于SeekBar和ProgressBar的擴展。

基本使用

?

android:layout_width="wrap_content"android:layout_height="wrap_content" />?

在項目里直接放一個RatingBar，看下運行效果：

可以看出，系統給我們提供了一套默認的樣式與代碼邏輯，如果想實現我們自己的樣式邏輯，可在此基礎上進行修改。

XML常用屬性

android:isIndicator：是否用作指示，即用戶是否可點擊更改，默認false(可點擊)。

android:numStars：顯示多少個星星，必須為整數。

android:rating：默認評分值，必須為浮點數。

android:stepSize： 評分每次增加的值，必須為浮點數。

除了上面這些，系統還為我們提供了三種樣式，供我們選擇：

使用示例：

上面介紹系統提供的三種樣式，主要是改變星星的大小，如果需要使用其他樣式，還需要進行自定義，方式如下：

1.在drawable下編寫一個layer-list文件ratingbar_layer。

注意：drawable中引用的圖片，需要根據設計圖尺寸，放在不同屏幕密度的drawable文件夾下，用于屏幕適配。

2.在values文件夾下styles.xml文件中添加style樣式。

@drawable/ratingbar_layer

24dp

24dp

3.在xml布局里進行使用。

android:id="@+id/ratingbar"style="@style/my_ratingBar"android:layout_width="wrap_content"android:layout_height="wrap_content"android:numStars="5"android:rating="3"android:stepSize="1" />

監聽處理

很多時候，我們還需要對星星的選擇事件進行監聽，獲取用戶選擇的星星數量，這就需要我們在代碼中進行監聽操作。

RatingBar ratingBar =findViewById(R.id.ratingbar);//星星變化監聽

ratingBar.setOnRatingBarChangeListener(newRatingBar.OnRatingBarChangeListener() {

@Overridepublic void onRatingChanged(RatingBar ratingBar, float rating, booleanfromUser) {

Toast.makeText(MainActivity.this, "rating==" +String.valueOf(rating), Toast.LENGTH_SHORT).show();

}

});

結語

以上就是RatingBar的使用介紹，是不是so easy，趕快在項目中使用吧！也麻煩各位小伙伴們以后看完我們的文章順手點個贊吧~ 如果小伙伴想學習更多知識或者快速學習進階，可以加入我們的WXGZH:下碼看花一起探討~