android - 如何制作更小的 RatingBar？

Question

我在布局中添加了RatingBar ：

<RatingBar 
    android:id="@+id/ratingbar"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:numStars="5"
    android:stepSize="1.0"
    />

但是评分栏的默认样式太大了。
我尝试通过添加 android 样式来更改它：style="?android:attr/ratingBarStyleSmall"

但是结果太小了，不可能用这个属性设置一个速率。

我该怎么办？

score 196 · Accepted Answer

如何粘合此处给出的代码...

步骤1。你需要你自己的评级明星res/drawable...

一颗满星

Step-2 在res/drawable你需要ratingstars.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="@drawable/star_empty" />
    <item android:id="@android:id/secondaryProgress"
          android:drawable="@drawable/star_empty" />
    <item android:id="@android:id/progress"
          android:drawable="@drawable/star" />
</layer-list>

步骤 3 在res/values您需要styles.xml如下...

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <style name="foodRatingBar" parent="@android:style/Widget.RatingBar">
        <item name="android:progressDrawable">@drawable/ratingstars</item>
        <item name="android:minHeight">22dip</item>
        <item name="android:maxHeight">22dip</item>
    </style>
</resources>

第 4 步在您的布局中...

<RatingBar 
      android:id="@+id/rtbProductRating"
      android:layout_height="wrap_content"
      android:layout_width="wrap_content"
      android:numStars="5"
      android:rating="3.5"
      android:isIndicator="false"
      style="@style/foodRatingBar"    
/>

score 109 · Accepted Answer

The default RatingBar widget is sorta' lame.

The source makes reference to style "?android:attr/ratingBarStyleIndicator" in addition to the "?android:attr/ratingBarStyleSmall" that you're already familiar with. ratingBarStyleIndicator is slightly smaller but it's still pretty ugly and the comments note that these styles "don't support interaction".

You're probably better-off rolling your own. There's a decent-looking guide at http://kozyr.zydako.net/2010/05/23/pretty-ratingbar/ showing how to do this. (I haven't done it myself yet, but will be attempting in a day or so.)

Good luck!

p.s. Sorry, was going to post a link to the source for you to poke around in but I'm a new user and can't post more than 1 URL. If you dig your way through the source tree, it's located at frameworks/base/core/java/android/widget/RatingBar.java

score 72 · Accepted Answer

只需使用：

android:scaleX="0.5"
android:scaleY="0.5"

根据需要更改比例因子。

为了在不创建左侧填充的情况下进行缩放，还添加

android:transformPivotX="0dp"

score 44 · Accepted Answer

无需向?android:attr/ratingBarStyleSmall. 只需添加 android:isIndicator=false，它就会捕获点击事件，例如

<RatingBar
  android:id="@+id/myRatingBar"
  style="?android:attr/ratingBarStyleSmall"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:numStars="5"
  android:isIndicator="false" />

score 20 · Accepted Answer

操作系统的小工具

<RatingBar
    android:id="@+id/ratingBar"
    style="?android:attr/ratingBarStyleSmall"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" 
    />

score 16 · Accepted Answer

应用这个。

<RatingBar android:id="@+id/indicator_ratingbar"
    style="?android:attr/ratingBarStyleIndicator"
    android:layout_marginLeft="5dip"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center_vertical" />

score 15 · Accepted Answer

我找到了一个比我认为上面给出的解决方案更简单的解决方案，而且比自己动手更容易。我只是创建了一个小的评分栏，然后在其中添加了一个 onTouchListener。从那里我计算点击的宽度并从中确定星星的数量。多次使用后，我发现唯一的怪癖是，除非我将它包含在 LinearLayout 中（在编辑器中看起来正确，但不是设备），否则在表格中绘制小评级栏并不总是正确. 无论如何，在我的布局中：

            <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content" >
                <RatingBar
                    android:id="@+id/myRatingBar"
                    style="?android:attr/ratingBarStyleSmall"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:numStars="5" />
            </LinearLayout>

在我的活动中：

    final RatingBar minimumRating = (RatingBar)findViewById(R.id.myRatingBar);
    minimumRating.setOnTouchListener(new OnTouchListener()
    { 
        public boolean onTouch(View view, MotionEvent event)
        { 
            float touchPositionX = event.getX();
            float width = minimumRating.getWidth();
            float starsf = (touchPositionX / width) * 5.0f;
            int stars = (int)starsf + 1;
            minimumRating.setRating(stars);
            return true; 
        } 
    });

我希望这对其他人有帮助。绝对比自己画更容易（虽然我发现这也可以，但我只是想简单地使用星星）。

score 6 · Accepted Answer

 <RatingBar
                    android:rating="3.5"
                    android:stepSize="0.5"
                    android:numStars="5"
                    style = "?android:attr/ratingBarStyleSmall"
                    android:theme="@style/RatingBar"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"/>

// if you want to style 

 <style name="RatingBar" parent="Theme.AppCompat">
        <item name="colorControlNormal">@color/colorPrimary</item>
        <item name="colorControlActivated">@color/colorAccent</item>
    </style>

// 为小评分栏添加这些行

style = "?android:attr/ratingBarStyleSmall"

score 5 · Accepted Answer

<RatingBar
    android:id="@+id/rating_bar"
    style="@style/Widget.AppCompat.RatingBar.Small"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" />

score 3 · Accepted Answer

我得到的最佳答案

  <style name="MyRatingBar" parent="@android:style/Widget.RatingBar">
    <item name="android:minHeight">15dp</item>
    <item name="android:maxHeight">15dp</item>
    <item name="colorControlNormal">@color/white</item>
    <item name="colorControlActivated">@color/home_add</item>
</style>

像这样的用户

<RatingBar
                style="?android:attr/ratingBarStyleIndicator"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:isIndicator="false"
                android:max="5"
                android:rating="3"
                android:scaleX=".8"
                android:scaleY=".8"
                android:theme="@style/MyRatingBar" />

通过使用scaleX和scaleY值增加/减少大小

score 3 · Accepted Answer

尽管 Farry 的回答有效，但对于三星设备 RatingBar 采用随机蓝色而不是我定义的。所以使用

style="?attr/ratingBarStyleSmall"

反而。

完整代码如何使用它：

<android.support.v7.widget.AppCompatRatingBar
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                style="?attr/ratingBarStyleSmall" // use smaller version of icons
                android:theme="@style/RatingBar"
                android:rating="0"
                tools:rating="5"/>

<style name="RatingBar" parent="Theme.AppCompat">
        <item name="colorControlNormal">@color/grey</item>
        <item name="colorControlActivated">@color/yellow</item>
        <item name="android:numStars">5</item>
        <item name="android:stepSize">1</item>
    </style>

score 3 · Accepted Answer

小型评分栏的最佳答案

<RatingBar
                    android:layout_width="wrap_content"
                    style = "?android:attr/ratingBarStyleSmall"
                    android:layout_height="wrap_content" />

score 2 · Accepted Answer

使用此代码

<RatingBar
    android:id="@+id/ratingBarSmalloverall"
    style="?android:attr/ratingBarStyleSmall"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentRight="true"
    android:layout_centerVertical="true"
    android:layout_marginRight="30dp"
    android:isIndicator="false"
    android:numStars="5" />

score 2 · Accepted Answer

<RatingBar
    android:id="@+id/ratingBar1"
    android:numStars="5"
    android:stepSize=".5"
    android:rating="3.5"
    style="@android:style/Widget.DeviceDefault.RatingBar.Small"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" />

score 1 · Accepted Answer

将以下代码用于带有 onTouch 事件的小评分栏

enter code here


<RatingBar
            android:id="@+id/ratingBar"
            style="?android:ratingBarStyleSmall"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:isIndicator="false"
            android:rating="4"
            android:stepSize="0.5" />

score 0 · Accepted Answer

它在评级栏中为我工作 xml style="?android:attr/ratingBarStyleSmall" 添加 this.it 会工作。

score 0 · Accepted Answer

经过大量研究后，我发现减小自定义评分栏大小的最佳解决方案是获取可绘制某些尺寸的进度大小，如下所述：

xxhdpi - 48*48 像素

xhdpi - 36*36 像素

hdpi - 24*24 像素

在风格上，所有分辨率的最小高度和最大高度为 16 dp。

让我知道这是否不能帮助您获得最佳的小尺寸评级栏，因为我发现这些尺寸非常兼容并等效于 ratingbar.small 样式属性。

score -4 · Accepted Answer

-4

我解决了以下问题： style="?android:attr/ratingBarStyleSmall"

于 2015-12-19T08:48:20.017 回答

android - 如何制作更小的 RatingBar？

18 回答 18

Related

Reference