Wie erstelle ich eine kleinere RatingBar?

Ich habe eine Bewertungsleiste in einem Layout hinzugefügt :

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

Der Standardstil für die Bewertungsleiste ist jedoch zu groß.
Ich habe versucht, es durch Hinzufügen des Android-Stils zu ändern:style="?android:attr/ratingBarStyleSmall"

Das Ergebnis ist jedoch zu klein und es ist unmöglich, mit dieser Eigenschaft eine Rate festzulegen.

Wie könnte ich tun?

Das Standard-RatingBar-Widget ist irgendwie lahm.

Die Quelle verweist ?android:attr/ratingBarStyleIndicatorzusätzlich zu dem ?android:attr/ratingBarStyleSmallbereits vertrauten Stil auf den Stil " " . ratingBarStyleIndicatorist etwas kleiner, aber immer noch ziemlich hässlich und die Kommentare weisen darauf hin, dass diese Stile "keine Interaktion unterstützen".

Du bist wahrscheinlich besser dran, wenn du deine eigenen rollst. Unter http://kozyr.zydako.net/2010/05/23/pretty-ratingbar/ finden Sie eine anständige Anleitung, die zeigt, wie das geht. (Ich habe es noch nicht selbst gemacht, werde es aber in ungefähr einem Tag versuchen.)

Viel Glück!

ps Entschuldigung, ich wollte einen Link zur Quelle veröffentlichen, damit Sie darin stöbern können, aber ich bin ein neuer Benutzer und kann nicht mehr als 1 URL veröffentlichen. Wenn Sie sich durch den Quellbaum graben, befindet er sich unter frameworks / base / core / java / android / widget / RatingBar.java

Wie man den hier angegebenen Code klebt ...

Schritt 1. Sie benötigen Ihre eigenen Bewertungssterne in res/drawable...

Schritt 2 In res/drawableSie müssen ratingstars.xmlwie folgt ...

<?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>

Schritt 3 In res/valuesSie müssen styles.xmlwie folgt ...

<?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>

Schritt 4 In Ihrem Layout ...

<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"    
/>  

Benutz einfach:

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

Ändern Sie den Skalierungsfaktor entsprechend Ihren Anforderungen.

Um zu skalieren, ohne links eine Polsterung zu erstellen, fügen Sie hinzu

android:transformPivotX="0dp"

Es ist nicht erforderlich, dem Listener einen Listener hinzuzufügen ?android:attr/ratingBarStyleSmall. Fügen android:isIndicator=falseSie einfach hinzu und es werden Klickereignisse erfasst, z

<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" />

das kleine vom Betriebssystem implementieren

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

wende dies an.

<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" />

Ich fand eine einfachere Lösung als ich denke, die von den oben genannten gegeben wurde und einfacher als Ihre eigene zu rollen. Ich habe einfach eine kleine Bewertungsleiste erstellt und dann einen onTouchListener hinzugefügt. Von dort aus berechne ich die Breite des Klicks und bestimme daraus die Anzahl der Sterne. Nachdem ich dies mehrmals verwendet habe, ist die einzige Besonderheit, die ich gefunden habe, dass das Zeichnen eines kleinen Bewertungsbalkens in einer Tabelle nicht immer richtig ausfällt, es sei denn, ich füge es in ein LinearLayout ein (sieht im Editor richtig aus, aber nicht im Gerät). . Wie auch immer, in meinem Layout:

            <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>

und innerhalb meiner Tätigkeit:

    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; 
        } 
    });

Ich hoffe das hilft jemand anderem. Auf jeden Fall einfacher als das eigene Zeichnen (obwohl ich festgestellt habe, dass das auch funktioniert, aber ich wollte nur eine einfache Verwendung von Sternen).

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

 <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>

// füge diese Zeile für eine kleine Bewertungsleiste hinzu

style = "?android:attr/ratingBarStyleSmall"

Obwohl die Antwort von Farry funktioniert, hat RatingBar für Samsung-Geräte eine zufällige blaue Farbe anstelle der von mir definierten angenommen. Also benutze

style="?attr/ratingBarStyleSmall"

stattdessen.

Vollständiger Code zur Verwendung:

<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>

Die beste Antwort für kleine Bewertungsbalken

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

Verwenden Sie diesen Code

<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" />

<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" />

Die beste Antwort, die ich bekommen habe

  <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>

Benutzer wie dieser

<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" />

Zunahme / Abnahme Größen unter Verwendung von scaleX und scaleY Wert

Verwenden Sie den folgenden Code für kleine Bewertungsbalken mit onTouch-Ereignis

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" />

Nach vielen Recherchen habe ich herausgefunden, dass die beste Lösung zur Reduzierung der Größe von benutzerdefinierten Bewertungsbalken darin besteht, die Größe des Fortschritts in bestimmten Größen wie unten erwähnt zeichnbar zu machen:

xxhdpi - 48 * 48 px

xhdpi - 36 * 36 px

hdpi - 24 * 24 px

Und mit Stil setzen Sie die Mini- und Max-Höhe für alle Auflösungen auf 16 dp.

Lassen Sie mich wissen, wenn dies nicht dazu beiträgt, die besten Bewertungsbalken für kleine Größen zu erhalten, da diese Größen meiner Meinung nach sehr kompatibel sind und dem Stilattribut bewertungsbalken entsprechen.

Es funktioniert für mich in der Bewertungsleiste xml style = "? Android: attr / reviewBarStyleSmall" add this.it wird funktionieren.

Ich löse dieses Problem wie folgt: style = "? Android: attr / reviewBarStyleSmall"