用过RatingBar的都知道,这玩意比较坑,不好调整大小、间距、颜色及样式等难以自定义。本文先讲述原生RatingBar使用中的痛点,然后给出 终极的解决方案

这里给出修改颜色的方法

在style.xml中添加style

<!--RatingBar颜色-->
    <style name="RatingBar" parent="Theme.AppCompat">
        <item name="colorControlNormal">@color/color_CCC</item>
        <item name="colorControlActivated">#fec9a5</item>
    </style>

然后给RatingBar添加属性

android:theme="@style/RatingBar"

这样可以改变ratingbar的颜色。

PS:网上有另一种方法添加属性

android:progressTint="@color/orange_main_color"

这种方法其实是有问题的,会在星星的左边有阴影.细心的测试小妹妹是不会放过这一点的.

通过android:layout_height=“” 可以控制控件的高度,但是控件中的小星星的大小却不能跟着变化,这尼玛是有多坑

系统提供的两个style来可以改变控件大小

style="@style/Widget.AppCompat.RatingBar.Small"
style="@style/Widget.AppCompat.RatingBar.Indicator"
?android:attr/ratingBarStyleIndicator
?android:attr/ratingBarStyleSmall

但是这两种的大小也是固定的,而且设置了这种Style后Rating就不可以点击了,远远不能满足日常开发需求。

三,自定义样式

1,准备两个图标资源

stars_bright stars_gray

2,新建drawable:five_rating_bar.xml

<!-- five_rating_bar.xml -->
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
        android:id="@android:id/background"
        android:drawable="@drawable/stars_gray" />
        android:id="@android:id/secondaryProgress"
        android:drawable="@drawable/stars_gray" />
        android:id="@android:id/progress"
        android:drawable="@drawable/stars_bright" />
</layer-list>

3,定义一个style

    <style name="FiveStarsStyle1" parent="@android:style/Widget.Holo.RatingBar.Small">
        <item name="android:progressDrawable">@drawable/five_rating_bar</item>
        <item name="android:minHeight">40dp</item>
        <item name="android:maxHeight">40dp</item>
    </style>
<RatingBar
        android:layout_marginTop="20dp"
        android:id="@+id/rb3"
        style="@style/FiveStarsStyle1"
        android:numStars="5"
        android:rating="3"
        android:layout_width="wrap_content"
        android:layout_height="30dp" />

此时图片显示还是有问题的,如下:

5,解决上面的问题

//1,获取图片的高度
Bitmap bmp = BitmapFactory.decodeResource(getResources(), R.drawable.stars_bright);
starsImgHeight = bmp.getHeight();
//2,将获取的图片高度设置给RatingBar
LinearLayout.LayoutParams lp = (LinearLayout.LayoutParams)ratingBar.getLayoutParams();
lp.width = LinearLayout.LayoutParams.WRAP_CONTENT;
lp.height =starsImgHeight;
ratingBar.setLayoutParams(lp);

也就是先获取图片资源的高度,然后取ratingBar的LayoutParams,对其设置高度,然后再set给ratingBar。

效果如下:

这种方式也真的是太太太low了,根据图片资源来控制高度的方式难以满足我们开发的需求。

四,终极解决方案(哈撒给!)

推荐一个AndRatingBar开源库,它继承自Android原生的RatingBar,也继承了RatingBar可拖动的优良传统,通过对内部drawable的重写实现了大小可以根据控件大小而改变,并且可以方便的设置颜色,自定义图标等。

github地址为:https://github.com/wsj1024/AndRatingBar

1,首先看一下预览效果:

可以看出AndRatingBar可以设置大小,间距,颜色,图标等样式,并且支持从右往左展示Rating,并且可以在RecyclerView中不会出现异常情况。

AndRatingBar的使用也很简单

首先添加依赖:

allprojects {
    repositories {
        maven { url 'https://jitpack.io' }
dependencies {
    implementation 'com.github.wsj1024:AndRatingBar:v1.0.6'

然后在布局中引用

<per.wsj.library.AndRatingBar
        android:layout_width="wrap_content"
        android:layout_height="48dp"
        app:starDrawable="@drawable/star_blue"
        app:bgDrawable="@drawable/star_gray"
        android:rating="2.5"/>
ratingBar.setOnRatingChangeListener { ratingBar, rating ->
    Log.e("ratingBar", "rating:$rating")

前面提到过AndRatingBar继承自Android原生RatingBar,因此可以使用原生RatingBar的各种属性,常用如下:

  • android:rating="1"                            设置Rating
  • android:numStars="8"                      设置星星的数量
  • android:layout_height="36dp"          设置控件的高度
  • android:stepSize="0.5"                     设置Rating的步长
  • android:isIndicator="true"                 设置是否是指示器(只能代码设置,不可手动设置)

另外AndRatingBar提供了扩展属性,可以方便的进行样式设置:

  • app:starDrawable=""                        设置星星的图标
  • app:bgDrawable=""                          设置背景的图标
  • app:starColor=""                               设置星星的颜色
  • app:subStarColor=""                         设置二级颜色
  • app:bgColor=""                                 设置星星背景颜色
  • app:keepOriginColor=""                    设置是否保持图标原有的颜色
  • app:starSpacing="4dp"                     调整星星之间的间距
  • app:scaleFactor="1.2"                       通过缩放比例调整星星之间的间距
  • app:right2Left="true"                         从右往左展示
用过RatingBar的都知道,这玩意比较坑,不好调整大小、颜色及样式等难以自定义。本文先讲述原生RatingBar使用中的痛点,然后给出终极的解决方案。一,颜色这里给出修改颜色的方法在style.xml中添加style&lt;!--RatingBar颜色--&gt; &lt;style name="RatingBar" parent="Theme.AppCompat"&...
说出来,就是个坑。但是,不说,更是个大坑。 最近在用它,实在是不好用。目前遇到的就是大小间距的问题,翻了一下属性,写了点demo,发现然并卵,还是木有解决。 要是按照以往的尿性,肯定的自定义了,网上也有大波的demo。 今天,学到了一个原生解决的办法。说出来,大概算是思维的转变。 大小的话,自己调整自定义style中的android:maxHeight和android:minHeight
RatingBar是在等级,星级显示的时候,用的最多的,但是系统自带的效果,在星星间距大小上,以及将星星替换为其他造型上不能满足需求,所以需要自定义RatingBar;自定义RatingBar非常简单:一:简单的自定义自定义样式)1,确定展示出的选中和未选中两种状态的图片;<?xml version="1.0" encoding="utf-8"?> <layer-list xmlns:androi
昨天看公众号文章 ,有一个留言触动了我的笑点 ,分享一下 。 " 今天和出租师傅聊天,他教育我说 : " 做人要知足常乐,不能攀比,咱比上不足比下有余就行对吧?不能被别人绑架着生活,别人爱咋咋地,自己要按自己的想法活,到了这年龄都得想开。” 我说:“师傅,你心态真好,羡慕你。” 他说:“不行,我以前也不行,执拗,想不开,这不拆迁了吗,分了三套房,才想开 。" PS :说实话,搁我我也能...
首先,你的build.gradle里面要依赖dependencies { compile 'com.android.support:appcompat-v7:X.X.X' // where X.X.X version }然后让你的activity继承于android.support.v7.app.AppCompatActivitypublic class MainActivity ext
大家好,我是 小丸子,希望通过写博客的方式,将自己学习的成果与大家分享。如有说的不对的地方,还希望各位Android学友指正。 一、RatingBar如何更改填充星星的颜色呢? 解决方法:           1、在Android 5.0版本之后,RatingBar控件有一个 android:progressTint: 属性,在这里可以直接设置自己想要的颜色。  python调用c/c++代码以及解决ctypes.ArgumentError: argument 1: class 'TypeError': Don't know how to convert 11003