Reduce size of Rating Bar in Android Studio

Question

Below is my rating bar which I need to reduce its size. Please help me!

<RatingBar
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:id="@+id/ratingBar"
    android:numStars="3"
    android:stepSize="0.1"
    android:isIndicator="true"
    android:layout_below="@+id/textView15"
    android:layout_alignLeft="@+id/textView15"
    android:layout_alignStart="@+id/textView15"
    android:layout_alignBottom="@+id/imageView"
    android:layout_alignRight="@+id/textView15"
    android:layout_alignEnd="@+id/textView15" />

adjust your `android:layout_width=""` – Iamat8 Sep 29 '15 at 05:38 — Iamat8, Sep 29 '15 at 05:38

score 5 · Answer 1 · edited May 23 '17 at 12:07

5

You can apply small Ratingbar style. You can add style="?android:attr/ratingBarStyleSmall" inside and check the result.

Still if you won't satishfied. You need to set it's height and width using Android styles.

Here is the thread will give you some idea.

edited May 23 '17 at 12:07

Community

1
1

answered Sep 29 '15 at 05:47

Parth

137
8

score 3 · Answer 2 · answered Sep 29 '15 at 05:42

Try applying style on Rating bar

style="?android:attr/ratingBarStyleSmall"

<RatingBar
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/ratingBar"
        android:numStars="3"
        android:stepSize="0.1"
        android:isIndicator="true"
        android:layout_below="@+id/textView15"
        android:layout_alignLeft="@+id/textView15"
        android:layout_alignStart="@+id/textView15"
        android:layout_alignBottom="@+id/imageView"
        android:layout_alignRight="@+id/textView15"
        android:layout_alignEnd="@+id/textView15"
        style="?android:attr/ratingBarStyleSmall"
       />

You have multiple choices here in style another one is:-

style="?android:attr/ratingBarStyle"

and this

 style="?android:attr/ratingBarStyleIndicator"

yup using style="?android:attr/ratingBarStyleSmall", check it out!! — Shishram, Sep 29 '15 at 05:47

score 2 · Answer 3 · answered Nov 13 '16 at 08:41

2

You can change this way, it works

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

answered Nov 13 '16 at 08:41

Maksudul Hasan Raju

865
9
6

score 2 · Answer 4 · answered Nov 17 '17 at 08:26

Scale it down and add a negative bottom margin as the rating bar will stil take up its full size space.

                            <RatingBar
                                android:id="@+id/ratingBar"
                                android:layout_width="wrap_content"
                                android:layout_height="50dp"
                                android:layout_marginBottom="-26dp"
                                android:numStars="5"
                                android:stepSize="0.1"
                                android:theme="@style/RatingBar"
                                android:rating="3.5"
                                android:scaleX=".5"
                                android:scaleY=".5"
                                android:transformPivotX="0dp"
                                android:transformPivotY="0dp"
                                android:isIndicator="true" />

Syed Nazar Muhammad · Answer 5 · 2015-09-29T05:47:27.967

-5

To reduce or increase the size of any view

Instead of this :

android:layout_width="wrap_content"

android:layout_height="wrap_content"

Do this :

android:layout_width="100dp"

android:layout_height="40dp"

set width & height according to your required need

Addition:

wrap_content will always just wrap your view & will not increase or decrease the size of the view

To use on different size devices:

put the values in res->values->dimens folder for normal, small & large devices

and use like :

android:layout_width="@dimens/widthSize"

android:layout_height="@dimens/heightSize"

edited Sep 29 '15 at 05:47

answered Sep 29 '15 at 05:36

Syed Nazar Muhammad

626
7
17

I believe the OP is intending for the stars to scale to the height of the component, but the default functionality for RatingBar is to crop them. Setting the size as you have suggested will not fix the problem. – Samah Sep 11 '16 at 23:19

Reduce size of Rating Bar in Android Studio

5 Answers5