Wie kann ich die Farbe von android rating-bar ist ein Schlaganfall? (Nicht die Farbe von den Sternen, aber die GRENZE)

Ich bin ein android-Anfänger und ich möchte meine custom ratingBar.

Disclaimer: es ist nicht doppelt. da alle Beiträge die ich gelesen haben, fragt nach, wie ändern Sie die Farben der Sterne-und wie um die Kontur zu entfernen. Das ist NICHT das, was ich will. Ich will den Hub und in der Lage sein, ändern Sie die Farbe der Grenze.

Mit einem transparenten und gelben Strich, während Sie leer sind, und gelber hintergrund und ein Strich für halb-und gefüllt.

Möchte ich NICHT verwenden pngs. Ich habe meine eigene schon, aber Sie sind zu klein. Ich will nur nicht den designer bitten, neue zu machen, wenn ich kann die Sterne nur mithilfe von XML-Attributen und drawables.

<RatingBar
          android:id="@+id/thread_rating"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:isIndicator="true"
          android:numStars="5"
          android:progressBackgroundTint="@color/gray"
          android:progressTint="@color/gold"
          android:rating="2.5"
          android:secondaryProgressTint="@color/gray"
          android:stepSize="0.5"
          style="?android:attr/ratingBarStyleSmall"
          />

Ich arbeite auf dieser mit einem anderen Ingenieur. Er schrieb auch code in einer java-Datei

private void setRatingBarStart(RatingBar rating_bar) {
LayerDrawable stars = (LayerDrawable) rating_bar.getProgressDrawable();
stars.getDrawable(2)
    .setColorFilter(getResources().getColor(R.color.gold),
        PorterDuff.Mode.SRC_ATOP); //for filled stars
stars.getDrawable(1)
    .setColorFilter(getResources().getColor(R.color.light_gray),
        PorterDuff.Mode.SRC_ATOP); //for half filled stars
stars.getDrawable(0)
    .setColorFilter(getResources().getColor(R.color.light_gray),
        PorterDuff.Mode.SRC_ATOP); //for empty stars

[So, jetzt hat es einen grauen hintergrund, gelb, gefüllt, und KEIN Schlaganfall jetzt.

Wie kann ich die Farbe von android rating-bar ist ein Schlaganfall? (Nicht die Farbe von den Sternen, aber die GRENZE)

Und ich will es haben transparenten hintergrund, gelb Schlaganfall und gelb gefüllt.
Sieht so aus
Wie kann ich die Farbe von android rating-bar ist ein Schlaganfall? (Nicht die Farbe von den Sternen, aber die GRENZE)

Ich weiß schon, wie, um den hintergrund transparent zu machen, und gelb. Ich weiß nur nicht, wie Sie zum festlegen der Konturfarbe. Vielen Dank!!!!

Mögliche Duplikate von Android RatingBar ändern star-Farben
Schauen unter diesem thread.. stackoverflow.com/questions/5800657/... Nur drei verschiedene png für stras(leer, gefüllt, und die Hälfte gefüllt) mit Schlaganfall und innere Farbe und der job ist getan
Hi Danke für dein Kommentar. Ich will NICHT die pngs. Ich habe Sie schon, aber Sie sind zu klein. Ich versuche, nicht den designer bitten, neue zu machen, wenn ich kann die Sterne mit der XML-Attribute
check meine Antwort.
Ich verstehe nicht das problem mit den PNGs, können Sie die Größe, die Sie wollen, und ich denke, das ist die einzige Lösung, wenn Sie möchten, eine benutzerdefinierte Bewertung bar.

InformationsquelleAutor husky love | 2016-02-13

19

Setzen alle drawable Farbe Gelb(in Ihrem Fall getResources().getColor(R.color.gold) für alle) für das festlegen von Konturen und hintergrund. (für hintergrund -, Sekundär-Fortschritt und Fortschritt)
```
RatingBar ratingBar = (RatingBar) findViewById(R.id.ratingBar);
        LayerDrawable stars = (LayerDrawable) ratingBar.getProgressDrawable();
        stars.getDrawable(2).setColorFilter(Color.YELLOW, PorterDuff.Mode.SRC_ATOP);
        stars.getDrawable(0).setColorFilter(Color.YELLOW, PorterDuff.Mode.SRC_ATOP);
        stars.getDrawable(1).setColorFilter(Color.YELLOW, PorterDuff.Mode.SRC_ATOP); 
```
entfernen progressBackgroundTint,progressTint,secondaryProgressTint Attribute aus RatingBar auch nicht notwendig.
```
<RatingBar
        android:id="@+id/ratingBar"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:numStars="5"
        android:rating="2.5"/>
```
und das Ergebnis ist ::

Hoffe das hilft (rosa Farbe ist nur Hintergrundfarbe)

nach Satz drawable 1 und 0 rot:
```
RatingBar ratingBar = (RatingBar) findViewById(R.id.ratingBar);
        LayerDrawable stars = (LayerDrawable) ratingBar.getProgressDrawable();
        stars.getDrawable(2).setColorFilter(Color.YELLOW, PorterDuff.Mode.SRC_ATOP);
        stars.getDrawable(0).setColorFilter(Color.Red, PorterDuff.Mode.SRC_ATOP);
        stars.getDrawable(1).setColorFilter(Color.Red, PorterDuff.Mode.SRC_ATOP);
```
- Die Frage ist: wie ändere ich die Konturfarbe nur? Zum Beispiel, nehmen Sie die Sterne in Ihrem Beispiel, und fügen Sie einen roten Rahmen um Sie.
- KDeogharkar, Ihre Antwort ist einfach, klar und richtig behebt das Problem. Ich werde wahrscheinlich vergeben Sie die bounty. Allerdings, das wäre wirklich toll, wenn du mir helfen könntest mit meiner früheren Frage-denn das ist das Ziel, das ich versuche zu erreichen, und der Grund, warum ich angefangen habe, dieses Kopfgeld.
- bedeutet, dass Sie möchten, ändern Sie die Farben der Grenze zum Beispiel gelbe Striche auf rot? ist es das, was Sie wollen? @vitorsdcs
- wenn ich Ihre Frage zu verstehen sowie können Sie ändern drawable(0) und drawable(1)Farbe rot wie stars.getDrawable(0).setColorFilter(Color.RED, PorterDuff.Mode.SRC_ATOP); stars.getDrawable(1).setColorFilter(Color.RED, PorterDuff.Mode.SRC_ATOP); es wird sich ändern Sie Ihre Grenze und teilweise zu füllen Grenze. 3. layerdrawable gelb nur zum Teil füllen
- Nein, ich wollte, dass er sieht irgendwie aus wie die ersten Sterne in diesem Bild: i.imgur.com/dhGaCdX.png (gelb füllen, dunkel-blauer Strich). Wenn ich drawable(0) und drawable(1) die Art, wie Sie sagte, es sieht eigentlich so aus: i.imgur.com/hQH3vCO.png
- Ich bekomme es nicht . @vitorsdcs, warum Ihr Ergebnis und meine ist anders? bitte siehe meine aktualisierte Antwort . Ich habe auch 0 und 1 drawable zu rot .
- Bin ich der einzige, der erhält Farbe füllen, statt des Strichs?
- Nein, ich habe auch die Farbe füllt statt des Schlaganfalls, könnte es sein, variiert je nach den verschiedenen OS. Ich Teste auf LG nexus 5 (OS:6.0.1, API:23), Bitte aktualisieren Sie über Ihre jüngsten Erfahrungen.
InformationsquelleAutor KDeogharkar

Nicht jede Bibliothek verwenden oder style für, die. Verwenden Balg Schritt erhalten Sie das Ergebnis.

erstellen Sie eine Datei im drawable Ordner custom_ratingbar.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_full" />
</layer-list>

dann verwenden Sie Folgendes in Ihrer RatingBar :

  <RatingBar
    android:id="@+id/ratingBarChef"
    style="?android:attr/ratingBarStyleSmall"
    android:numStars="5"
    android:stepSize="0.2"
    android:rating="3.0"
    android:progressDrawable="@drawable/custom_ratingbar"
    android:isIndicator="false"
    />

ist in Ordnung - aber ich kann nur einzelne Sterne mein Freund
ich habe, was mein problem - ich benutze Vector , sollte ich ersetzen Sie es mit einem PNG-star

InformationsquelleAutor Daxesh Vekariya

Denke ich, dass ich tatsächlich gefunden, was Sie brauchen. Erstellen Sie eine benutzerdefinierte RatingBarwie in diesem Antwort ABER Sie müssen verwenden Sie Vektor-drawables und nicht-standard diejenigen.

Können Sie download die 3 drawables (voll, halb und leer) auf dieser website:

https://materialdesignicons.com/

Oder durch ein Rechtsklick auf Ihre res Ordner: --> Neu --> Vektor asset auf Android-Studio.

Hier sind die 3 XML-drawables in den Fall, Sie finden Sie nicht:

Voller Sterne:

<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:height="24dp"
android:width="24dp"
android:viewportWidth="24"
android:viewportHeight="24">
<path android:fillColor="#000" android:pathData="M12,17.27L18.18,21L16.54,13.97L22,9.24L14.81,8.62L12,2L9.19,8.62L2,9.24L7.45,13.97L5.82,21L12,17.27Z" />

Halben Stern:

<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:height="24dp"
android:width="24dp"
android:viewportWidth="24"
android:viewportHeight="24">
<path android:fillColor="#000" android:pathData="M12,15.89V6.59L13.71,10.63L18.09,11L14.77,13.88L15.76,18.16M22,9.74L14.81,9.13L12,2.5L9.19,9.13L2,9.74L7.45,14.47L5.82,21.5L12,17.77L18.18,21.5L16.54,14.47L22,9.74Z" />

Leeren Stern:

<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:height="24dp"
android:width="24dp"
android:viewportWidth="24"
android:viewportHeight="24">
<path android:fillColor="#000" android:pathData="M12,15.39L8.24,17.66L9.23,13.38L5.91,10.5L10.29,10.13L12,6.09L13.71,10.13L18.09,10.5L14.77,13.38L15.76,17.66M22,9.24L14.81,8.63L12,2L9.19,8.63L2,9.24L7.45,13.97L5.82,21L12,17.27L18.18,21L16.54,13.97L22,9.24Z" />

Um die Größe zu ändern, aktualisieren Sie einfach die Attribute height und width.

Ändern Ihre Farbe, aktualisieren Sie einfach das Attribut fillColor und stellen Sie Ihre gelbe Farbe.

SVG ist nicht für die rating-bar. Irgendeine Idee warum ?

InformationsquelleAutor Yoann Hercouet

Eine Weitere Möglichkeit ist das erstellen von benutzerdefinierten Bewertung bar, wenn Sie haben noch keine Bilder, Folgen Sie untenstehenden Schritten. Dies gilt für alle Datei-erstellen im drawable-Ordner.

emptystar.xml

<?xml version="1.0" encoding="utf-8"?>
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:height="24dp"
android:width="24dp"
android:viewportWidth="24"
android:viewportHeight="24">
<path android:fillColor="#F1C332" android:pathData="M12,15.39L8.24,17.66L9.23,13.38L5.91,10.5L10.29,10.13L12,6.09L13.71,10.13L18.09,10.5L14.77,13.38L15.76,17.66M22,9.24L14.81,8.63L12,2L9.19,8.63L2,9.24L7.45,13.97L5.82,21L12,17.27L18.18,21L16.54,13.97L22,9.24Z" />
</vector>

full_star.xml

<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:height="24dp"
android:width="24dp"
android:viewportWidth="24"
android:viewportHeight="24">
<path android:fillColor="#F1C332" android:pathData="M12,17.27L18.18,21L16.54,13.97L22,9.24L14.81,8.62L12,2L9.19,8.62L2,9.24L7.45,13.97L5.82,21L12,17.27Z" />
</vector>

half_star.xml

<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:height="24dp"
android:width="24dp"
android:viewportWidth="24"
android:viewportHeight="24">
<path android:fillColor="#000" android:pathData="M12,15.89V6.59L13.71,10.63L18.09,11L14.77,13.88L15.76,18.16M22,9.74L14.81,9.13L12,2.5L9.19,9.13L2,9.74L7.45,14.47L5.82,21.5L12,17.77L18.18,21.5L16.54,14.47L22,9.74Z" >
</path>
</vector>

food_ratingbar_full_empty.xml

<?xml version="1.0" encoding="utf-8"?>

<item android:state_pressed="true"
    android:state_window_focused="true"
    android:drawable="@drawable/empty_star" />

<item android:state_focused="true"
    android:state_window_focused="true"
    android:drawable="@drawable/empty_star" />

<item android:state_selected="true"
    android:state_window_focused="true"
    android:drawable="@drawable/empty_star" />

<item android:drawable="@drawable/empty_star" />

food_ratingbar_full_filled.xml

<?xml version="1.0" encoding="utf-8"?>

<item android:state_pressed="true"
    android:state_window_focused="true"
    android:drawable="@drawable/full_star" />

<item android:state_focused="true"
    android:state_window_focused="true"
    android:drawable="@drawable/full_star" />

<item android:state_selected="true"
    android:state_window_focused="true"
    android:drawable="@drawable/full_star" />

<item android:drawable="@drawable/full_star" />

food_rating_bar.xml

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:id="@android:id/background"
    android:drawable="@drawable/food_ratingbar_full_empty" />

<item android:id="@android:id/secondaryProgress"
    android:drawable="@drawable/food_ratingbar_full_empty" />
<item android:id="@android:id/progress"
    android:drawable="@drawable/food_ratingbar_full_filled" />

style.xml

   <style name="foodRatingBar" parent="@android:style/Widget.RatingBar">
    <item name="android:progressDrawable">@drawable/food_rating_bar_full</item>
    <item name="android:minHeight">23dip</item>
    <item name="android:maxHeight">25dip</item>
   </style>

In Ihrem layout

<RatingBar
android:id="@+id/ratingBarDish"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="@dimen/dp10"
android:layout_marginStart="@dimen/dp10"
style="@style/foodRatingBar"
android:isIndicator="true" />

InformationsquelleAutor Daxesh Vekariya

hi, diese zu verwenden, und verwenden Sie border-image als star https://github.com/ome450901/SimpleRatingBar als icon_starempty und icon_starfilled sind Ihre jeweiligen Bilder

<com.willy.ratingbar.ScaleRatingBar xmlns:app="http://schemas.android.com/apk/res-auto"
                    android:id="@+id/deals_ratingbar"
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center"
                    android:layout_marginLeft="@dimen/_10dp"
                    android:layout_toRightOf="@+id/txt_newprice"
                    android:layout_weight=".4"
                    android:gravity="center|right"
                    android:outlineProvider="none"
                    app:srb_drawableEmpty="@drawable/icon_starempty"
                    app:srb_drawableFilled="@drawable/icon_starfilled"
                    app:srb_isIndicator="true"
                    app:srb_numStars="5"
                    app:srb_starHeight="@dimen/_10dp"
                    app:srb_starPadding="@dimen/_3dp"
                    app:srb_starWidth="@dimen/_10dp" />

InformationsquelleAutor Muhammad Haroon

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.