Android星級(jí)評(píng)分條控件RatingBar使用詳解
Android開(kāi)發(fā)中，時(shí)不時(shí)的就有要實(shí)現(xiàn)星星的評(píng)分效果，比如某寶，某團(tuán)，相信大家也都見(jiàn)過(guò)，當(dāng)然了我們可以自己去畫(huà)，也可以用美工給切的圖去實(shí)現(xiàn)，其實(shí)在Android原生的控件中就可以來(lái)實(shí)現(xiàn)這樣的效果，它就是RatingBar。
來(lái)，我們先看一張圖（只在代碼中引入了控件）
實(shí)現(xiàn)效果如下圖：
我們先看一下它的繼承關(guān)系：這玩意和SeekBar的類(lèi)結(jié)構(gòu)是一樣的，也是ProgressBar的子類(lèi)
相關(guān)屬性：
android:isIndicator：是否用作指示，用戶(hù)無(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)檫@兩種樣式都好丑... 他們分別是：
style="?android:attr/ratingBarStyleSmall"
style="?android:attr/ratingBarStyleIndicator"
事件處理： 只需為RatingBar設(shè)置OnRatingBarChangeListener事件，然后重寫(xiě)下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一樣編寫(xiě)一個(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" style="@style/roomRatingBar" android:layout_width="wrap_content" android:layout_height="wrap_content" />
可以實(shí)現(xiàn)效果如下圖：
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
Android中Property Animation屬性動(dòng)畫(huà)編寫(xiě)的實(shí)例教程
這篇文章主要介紹了Android中Property Animation屬性動(dòng)畫(huà)編寫(xiě)的實(shí)例教程,Property Animation對(duì)于動(dòng)畫(huà)幀的操控十分強(qiáng)大,需要的朋友可以參考下2016-04-04
這篇文章主要介紹了Flutter集成到已有iOS工程的方法步驟，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-03-03
Android自定義View實(shí)現(xiàn)等級(jí)滑動(dòng)條的實(shí)例
這篇文章主要介紹了 Android自定義View實(shí)現(xiàn)等級(jí)滑動(dòng)條的實(shí)例的相關(guān)資料,需要的朋友可以參考下2017-04-04
Android layout_weight使用方法及實(shí)例
Android layout_weight使用方法及實(shí)例，需要的朋友可以參考一下2013-06-06
不允許錯(cuò)過(guò)的Anndroid技術(shù)經(jīng)驗(yàn)60條
不允許錯(cuò)過(guò)的Anndroid技術(shù)經(jīng)驗(yàn)60條，與大家分享，希望可以提高大家Android開(kāi)發(fā)水平，感興趣的朋友可以參考一下2016-02-02
Android仿今日頭條多個(gè)fragment懶加載的實(shí)現(xiàn)
我們?cè)谧鰬?yīng)用開(kāi)發(fā)的時(shí)候，一個(gè)Activity里面可能會(huì)以viewpager（或其他容器）與多個(gè)Fragment來(lái)組合使用，下面這篇文章主要給大家介紹了關(guān)于利用Android仿今日頭條多個(gè)fragment懶加載的相關(guān)資料，需要的朋友可以參考下。2017-12-12
AndroidStudio3.6.1打包jar及AndroidStudio4.0打包jar的一系列問(wèn)題及用法
這篇文章主要介紹了AndroidStudio3.6.1打包jar，AndroidStudio4.0打包jar的問(wèn)題及用法，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-03-03
使用Retrofit下載文件并實(shí)現(xiàn)進(jìn)度監(jiān)聽(tīng)的示例
這篇文章主要介紹了使用Retrofit下載文件并實(shí)現(xiàn)進(jìn)度監(jiān)聽(tīng)的示例，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-08-08
Android中自定義ScrollView代碼實(shí)例
這篇文章主要介紹了Android中自定義ScrollView代碼實(shí)例,本文直接給出實(shí)現(xiàn)代碼,需要的朋友可以參考下2015-05-05
Android中Retrofit+OkHttp進(jìn)行HTTP網(wǎng)絡(luò)編程的使用指南
Retrofit和OkHttp都是Square在GitHub上開(kāi)源的第三方HTTP支持包,兩個(gè)包可以搭配使用,本文即是來(lái)講解Android中Retrofit+OkHttp進(jìn)行HTTP網(wǎng)絡(luò)編程的使用指南:2016-07-07