W3Cschool
恭喜您成為首批注冊用戶
獲得88經驗值獎勵
上一節(jié)的SeekBar是不是很輕松咧,本節(jié)我們學的這個RatingBar(星級評分條)也非常簡單,相信在某寶, 買過東西的對這個應該不陌生,收到賣家的包裹,里面很多時候會有個小紙片,五星好評返還多少元這樣, 而評分的時候就可以用到我們這個星級評分條了~先來瞅瞅官方文檔 官方文檔:RatingBar 我們可以看到,這玩意和SeekBar的類結構是一樣的,也是ProgressBar的子類:
也就是說他同樣有用ProgressBar的相關屬性,接下來我們來探究RatingBar特有的屬性!
先來看看5.0的原生SeekBar長什么樣:
——相關屬性:
android:isIndicator:是否用作指示,用戶無法更改,默認false
android:numStars:顯示多少個星星,必須為整數
android:rating:默認評分值,必須為浮點數
android:stepSize: 評分每次增加的值,必須為浮點數
除了上面這些,還有兩種樣式供我們選擇咧,但是不建議使用,因為這兩種樣式都好丑... 他們分別是:
style="?android:attr/ratingBarStyleSmall"
style="?android:attr/ratingBarStyleIndicator"
——事件處理: 只需為RatingBar設置OnRatingBarChangeListener事件,然后重寫下onRatingChanged()方法即可!
實現代碼如下:
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組件設置下:
<RatingBar
android:id="@+id/rb_normal"
style="@style/roomRatingBar"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
運行效果圖:
好的,效果還可以哈,至于間距問題,就需要對圖片坐下處理了,就是需要切圖的時候在圖片左右預留點空格~!
好的,關于RatingBar的使用就到這里,和前面的SeekBar其實大同小異,蠻輕松的~嗯,謝謝~
Copyright©2021 w3cschool編程獅|閩ICP備15016281號-3|閩公網安備35020302033924號
違法和不良信息舉報電話:173-0602-2364|舉報郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號
聯系方式:
更多建議: