一熔吗、前言:
RatingBar是安卓開發(fā)中的一個重要控件骤素,它可以用來實現(xiàn)用戶評分的功能。用戶可以通過在RatingBar上滑動手指來改變星星的數(shù)量埠啃,以此來起到評分的作用。
由于網(wǎng)上有太多關(guān)于RatingBar的介紹伟恶,這里就不詳細(xì)敘述碴开。
在此僅介紹一種實現(xiàn)自定義RatingBar的方法。
效果圖:
默認(rèn)樣式.png
自定義圖標(biāo).png
注意:可以自定義背景圖和選中的圖標(biāo)博秫。
gitee地址:https://gitee.com/lyyon/EmojiDemo
二潦牛、使用
1. 在drawable文件夾下添加你的兩張自定義圖片,一張為未參與評分的星星(假設(shè)它為star_grey.png)挡育,也就是背景巴碗,如下圖紅線框起的部分:
自定義圖標(biāo).png
另一張就是黃色的星星(star_yellow.png)所代表的的樣式啦。
2. 第二部即寒,在布局中添加RatingBar控件橡淆,代碼如下:
<RatingBar
style="@style/myRatingBar"<!--引入稍后將會創(chuàng)建的樣式文件--/>
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:numStars="5"<!--星星的最大數(shù)量--/>
android:stepSize="1"<!--手指滑動時增加星星的最小單位(步長),0.5也是常用值--/>
android:layout_marginBottom="10dp"
其中母赵,numStars 屬性表示星星的數(shù)量逸爵,rating 屬性表示當(dāng)前評分,stepSize 屬性表示評分的步長市咽。
3 .第三步痊银,在res/value文件夾下添加myRatingBar.xml文件,代碼如下:
<?xml version="1.0" encoding="utf-8"?>
<resources>
<style name="myRatingBar" parent="@android:style/Widget.RatingBar">
<item name="android:progressDrawable">@drawable/myratingbar</item><!--引入稍后將會創(chuàng)建的myratingbar.xml文件--/>
<item name="android:minHeight">15dp</item><!--可自定義星星的最小高度--/>
<item name="android:maxHeight">45dp</item><!--可自定義星星的最小寬度--/>
</style>
</resources>
4 . 第四步抵蚊,在drawable文件夾下添加myratingbar.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"/<!--注意,這句話中的id為系統(tǒng)內(nèi)置的id贞绳,不可改動谷醉,下同--/>
android:drawable="@drawable/star_grey"/>/<!--引入你的自定義背景圖片,即灰色的星星--/>
<item android:id="@android:id/secondaryProgress"
android:drawable="@drawable/star_grey"/>/<!--這個暫時沒有搞懂是干什么的冈闭,暫且讓它也引用灰色星星的資源文件吧--/>
<item android:id="@android:id/progress"
android:drawable="@drawable/star_red"/>/<!--點(diǎn)亮后的星星--/>
</layer-list>
這樣俱尼,RatingBar就定義好了,手指滑動萎攒,可以改變點(diǎn)亮的星星的數(shù)量遇八。
另外矛绘,本人還有個問題,如果在ListView中定義了這樣的自定義RatingBar控件刃永,就無法實現(xiàn)item的點(diǎn)擊事件了货矮。在設(shè)置了android:isIndicator=”false”之后還是不起作用(此屬性讓RatingBar只具有展示功能,而不具有與用戶的交互功能)斯够,希望能得到一個處理的辦法囚玫。
————————————————
原文鏈接:https://blog.csdn.net/Egg66666/article/details/53206886