Android開發(fā)中，時不時的就有要實現(xiàn)星星的評分效果，比如某寶，某團(tuán)，相信大家也都見過，當(dāng)然了我們可以自己去畫，也可以用美工給切的圖去實現(xiàn)，其實在Android原生的控件中就可以來實現(xiàn)這樣的效果，它就是RatingBar。
來，我們先看一張圖（只在代碼中引入了控件）
實現(xiàn)效果如下圖：
我們先看一下它的繼承關(guān)系：這玩意和SeekBar的類結(jié)構(gòu)是一樣的，也是ProgressBar的子類
相關(guān)屬性：
android:isIndicator：是否用作指示，用戶無法更改，默認(rèn)false
android:numStars：顯示多少個星星，必須為整數(shù)
android:rating：默認(rèn)評分值，必須為浮點數(shù)
android:stepSize： 評分每次增加的值，必須為浮點數(shù)
除了上面這些，還有兩種樣式供我們選擇咧，但是不建議使用，因為這兩種樣式都好丑... 他們分別是：
style="?android:attr/ratingBarStyleSmall"
style="?android:attr/ratingBarStyleIndicator"
事件處理： 只需為RatingBar設(shè)置OnRatingBarChangeListener事件，然后重寫下onRatingChanged()方法即可！
實現(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(); } }); }} 自定義樣式階段：
接下來和前面的SeekBar一樣編寫一個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加上這個：
<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" style="@style/roomRatingBar" android:layout_width="wrap_content" android:layout_height="wrap_content" />
可以實現(xiàn)效果如下圖：
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持VEVB武林網(wǎng)。
新聞熱點
疑難解答
圖片精選
