Android星級(jí)評(píng)分條控件RatingBar使用詳解

發(fā)布時(shí)間：2020-09-20 16:54:45 來(lái)源：腳本之家閱讀：143 作者：DistanceZK 欄目：移動(dòng)開發(fā)

Android開發(fā)中，時(shí)不時(shí)的就有要實(shí)現(xiàn)星星的評(píng)分效果，比如某寶，某團(tuán)，相信大家也都見過，當(dāng)然了我們可以自己去畫，也可以用美工給切的圖去實(shí)現(xiàn)，其實(shí)在Android原生的控件中就可以來(lái)實(shí)現(xiàn)這樣的效果，它就是RatingBar。
來(lái)，我們先看一張圖（只在代碼中引入了控件）

實(shí)現(xiàn)效果如下圖：

Android星級(jí)評(píng)分條控件RatingBar使用詳解

我們先看一下它的繼承關(guān)系：這玩意和SeekBar的類結(jié)構(gòu)是一樣的，也是ProgressBar的子類

相關(guān)屬性：

android:isIndicator：是否用作指示，用戶無(wú)法更改，默認(rèn)false
android:numStars：顯示多少個(gè)星星，必須為整數(shù)
android:rating：默認(rèn)評(píng)分值，必須為浮點(diǎn)數(shù)
android:stepSize：評(píng)分每次增加的值，必須為浮點(diǎn)數(shù)
除了上面這些，還有兩種樣式供我們選擇咧，但是不建議使用，因?yàn)檫@兩種樣式都好丑... 他們分別是：

事件處理：只需為RatingBar設(shè)置OnRatingBarChangeListener事件，然后重寫下onRatingChanged()方法即可！
實(shí)現(xiàn)代碼如下：

public class MainActivity extends AppCompatActivity {
 private RatingBar rb_normal;
 @Override
 protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.activity_main);
 rb_normal = (RatingBar) findViewById(R.id.rb_normal);
 rb_normal.setOnRatingBarChangeListener(new RatingBar.OnRatingBarChangeListener() {
  @Override
  public void onRatingChanged(RatingBar ratingBar, float rating, boolean fromUser) {
  Toast.makeText(MainActivity.this, "rating:" + String.valueOf(rating),
   Toast.LENGTH_LONG).show();
  }
 });
 }
}

自定義樣式階段：
接下來(lái)和前面的SeekBar一樣編寫一個(gè)layer-list的文件：
ratingbar_full.xml:

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
 <item android:id="@android:id/background"
 android:drawable="@mipmap/ic_rating_off1" />
 <item android:id="@android:id/secondaryProgress"
 android:drawable="@mipmap/ic_rating_off1" />
 <item android:id="@android:id/progress"
 android:drawable="@mipmap/ic_rating_on1" />
</layer-list>

接著在style.xml中自定義下RatingBar Style，在style.xml加上這個(gè)：

<style name="roomRatingBar" parent="@android:style/Widget.RatingBar">
 <item name="android:progressDrawable">@drawable/ratingbar_full</item>
 <item name="android:minHeight">24dip</item>
 <item name="android:maxHeight">24dip</item>
 </style>

最后在布局中的Ratingbar組件設(shè)置下：

<RatingBar
 android:id="@+id/rb_normal"
 
 android:layout_width="wrap_content"
 android:layout_height="wrap_content" />

可以實(shí)現(xiàn)效果如下圖：

Android星級(jí)評(píng)分條控件RatingBar使用詳解

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持億速云。

向AI問一下細(xì)節(jié)

Android星級(jí)評(píng)分條控件RatingBar使用詳解

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽