带有小白星的评级栏

Question

>以下是我的评级栏的 xml。

<RatingBar
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                style="?android:attr/ratingBarStyleSmall"
                android:numStars="5"
                android:isIndicator="true"
                android:stepSize="0.5"
                android:rating="4.5"/>

我对它的大小感到满意，但我希望星星是灰色的白色（白色表示填充，灰色表示空）。

我正在查看本教程（http://www.materialdoc.com/rating-bar/），但我不确定如何调整样式以适应小外观。

Answer 1

你可以试试可绘制的

    <?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="@drawable/star_off" />
     <item android:id="@android:id/secondaryProgress"
        android:drawable="@drawable/star_off" />
     <item android:id="@android:id/progress"
        android:drawable="@drawable/star_on" />
    </layer-list>
<RatingBar
        android:id="@+id/ratingBar2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:progressDrawable="@drawable/custom_ratingbar_selector"
        android:isIndicator="true"
                android:stepSize="0.5"
                android:rating="4.5" />

Answer 2

你可以

使用progressTint来实现这个目的

  <RatingBar
                        android:id="@+id/vendorRatingBarValue"
                        style="?android:attr/ratingBarStyleSmall"
                        android:layout_width="wrap_content"
                        android:layout_height="match_parent"
                        android:layout_alignRight="@+id/reviewerName"
                        android:clickable="false"
                        android:gravity="left|center"
                        android:isIndicator="true"
                        android:numStars="5"
                        android:progressTint="@color/white"
                        android:transformPivotX="0dp"
                        />

Answer 3

您需要使用这些属性

android:backgroundTint="@color/grey"
android:progressTint="@color/white"

所以。。

<RatingBar
    android:id="@+id/rb_doctor"
    style="?android:attr/ratingBarStyleSmall"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    android:backgroundTint="@color/grey"
    android:numStars="5"
    android:progressTint="@color/white"
    android:rating="0"
    android:secondaryProgressTint="@color/white"
    android:stepSize="1.0" 
/>

Answer 4

这是 RatingBar 的简单示例。

自定义

白色和灰色星星可以使用自定义主题并指定小尺寸，因此评级栏星的大小将与默认的小尺寸主题相同。

您必须为自定义评级栏创建可绘制对象并确保评级栏的大小，因为这里的评级栏高度很重要。我的意思是，如果您的星形图像大小为 13dp 高度，评级栏高度为 17dp，那么它将拉伸评级栏，因此请确保高度。

这是如何为评级栏创建自定义选择器的简单示例。

星形可绘制对象

    <selector xmlns:android="http://schemas.android.com/apk/res/android">
  <item android:state_pressed="true" android:state_window_focused="true" android:drawable="@drawable/ic_star_empty_small" /> 
  <item android:state_focused="true" android:state_window_focused="true" android:drawable="@drawable/ic_star_empty_small" /> 
  <item android:state_selected="true" android:state_window_focused="true" android:drawable="@drawable/ic_star_empty_small" /> 
  <item android:drawable="@drawable/ic_star_empty_small" /> 
  </selector>

评级栏的样式

<style name="foodRatingBar" parent="@android:style/Widget.RatingBar">
  <item name="android:progressDrawable">@drawable/inf_full_ratingbar</item> 
  <item name="android:minHeight">20dip</item> 
  <item name="android:width">20dip</item> 
  <item name="android:height">20dip</item> 
  <item name="android:maxHeight">20dip</item> 
  </style>

并且比使用自定义样式进行评级栏，例如：

     <RatingBar
            android:id="@+id/ratingBarFlight"
            style="@style/StarRatingBar"
            android:layout_width="wrap_content"
            android:layout_height="@dimen/rating_bar_height"
            android:layout_gravity="center_horizontal"
            android:layout_marginTop="@dimen/library_screen" />