Android開發(fā)手冊(cè)RatingBar星級(jí)評(píng)分控件實(shí)例

更新時(shí)間：2022年06月08日 17:21:42 作者：芝麻粒兒

這篇文章主要為大家介紹了Android開發(fā)手冊(cè)RatingBar星級(jí)評(píng)分控件實(shí)例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪

??實(shí)踐過程

??初識(shí)

RatingBar是基于SeekBar和ProgressBar的擴(kuò)展，用星型來顯示等級(jí)評(píng)定。

通常應(yīng)用場景是在用戶評(píng)價(jià)那，如淘寶評(píng)價(jià)，打車訂餐評(píng)價(jià)等等。

使用RatingBar的默認(rèn)大小時(shí)，用戶可以觸摸/拖動(dòng)或使用鍵來設(shè)置評(píng)分，它有兩種樣式(小風(fēng)格用ratingBarStyleSmall，大風(fēng)格用ratingBarStyleIndicator)，其中大的只適合指示，不適合于用戶交互。

??基本屬性

【android:isIndicatorRatingBar】是否為指示器，為true時(shí)，用戶將無法交互操作，默認(rèn)為false。

【android:numStars】顯示的星型數(shù)量，必須是一個(gè)整形值，像“50”，雖然可以設(shè)置很大，但一般都是5-10個(gè)星星即可。

【android:rating】設(shè)置默認(rèn)的評(píng)分。

【android:stepSize】評(píng)分每次增加的值。建議大于0小于等于1之間最合適。

其中內(nèi)置了三個(gè)樣式：

style="?attr/ratingBarStyle"：默認(rèn)樣式

style="?android:attr/ratingBarStyleSmall"：小樣式

style="?android:attr/ratingBarStyleIndicator"：指示器樣式

但是使用起來感覺不好看，如下示例：

<RatingBar
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" />
<RatingBar
    style="?android:attr/ratingBarStyleSmall"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:isIndicator="false"
    android:numStars="5"
    android:rating="4"
    android:stepSize="1" />
<RatingBar
    style="?android:attr/ratingBarStyleIndicator"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:isIndicator="false"
    android:numStars="5"
    android:rating="3"
    android:stepSize="1" />
<androidx.appcompat.widget.AppCompatRatingBar
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" />

??點(diǎn)擊事件

RatingBar ratingBar = findViewById(R.id.rating);
ratingBar.setOnRatingBarChangeListener(new RatingBar.OnRatingBarChangeListener() {
    @Override
    public void onRatingChanged(RatingBar ratingBar, float rating, boolean fromUser) {
        Log.e("TAG", "onRatingChanged: 當(dāng)前點(diǎn)擊的評(píng)分：" + rating);
    }
});

??自定義樣式

<RatingBar
    android:layout_width="wrap_content"
    android:progressDrawable="@drawable/ratingbar_bg"
    android:layout_height="wrap_content" />

ratingbar_bg.xml

如上我使用的是三個(gè)圖片。

【@android:id/background】屬性為默認(rèn)的圖，

【@android:id/progress】為選中后的圖，

【@android:id/secondaryProgress】為選中了一半的圖。

但這時(shí)候又出現(xiàn)問題了，如果只修改寬高屬性【layout_width】和【layout_height】為某個(gè)固定值，你會(huì)發(fā)現(xiàn)評(píng)分組件效果展示又不對(duì)了，總是填充滿整個(gè)大小。

寬高屬性要一直是【wrap_content】

但這還沒完，在不同的分辨率上可能出現(xiàn)高度的bug：drawable圖片被垂直拉伸

所以我們按照上面再改改：

<RatingBar
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    style="@style/RatingBar_CustomDrawable" />

<style name="RatingBar_CustomDrawable" parent="@android:style/Widget.Holo.RatingBar.Indicator">
    <item name="android:progressDrawable">@drawable/ratingbar_bg</item>
    <item name="android:minHeight">50dp</item>
    <item name="android:maxHeight">50dp</item>
</style>

固定死高度即可。

以上就是Android開發(fā)手冊(cè)RatingBar星級(jí)評(píng)分控件實(shí)例的詳細(xì)內(nèi)容，更多關(guān)于Android開發(fā)RatingBar評(píng)分控件的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！

您可能感興趣的文章: