Android RatingBar स्टार रंग बदल [बंद]


141

मैं तारों के रंग और आकार कैसे बदल सकता हूं?


मुझे लगता है कि अगर आप ऐसा करना चाहते हैं तो आपको अपनी खुद की कस्टम रेटिंग बार बनानी होगी
डोनल रैफरटी

मैंने एक ब्लॉग पोस्ट लिखी है जिसमें बताया गया है कि रेटिंगबार छवियों को कैसे बदलें: kozyr.zydako.net/2010/05/23/pretty-ratingbar यह यह भी दिखाता है कि आप छवि का आकार कहां निर्दिष्ट कर सकते हैं ...
kozyr

मैं उम्मीद कर रहा था कि यह सवाल बहुरंगी रेटिंग बार के लिए है जैसा कि वेबसाइटों में दिखाया गया है, खुद के लिए नहीं मिल सका। एक साधारण कार्यान्वयन खुद तैयार किया github.com/codebreaker/coloredratingbar-android । उम्मीद है कि इससे वहां किसी को मदद मिलेगी।
जग

जवाबों:


26

चरण # 1: अपनी खुद की शैली बनाएँ, मौजूदा शैलियों में से एक (से $ANDROID_HOME/platforms/$SDK/data/res/values/styles.xml) को क्लोन करके , इसे अपने प्रोजेक्ट में डालकर styles.xml, और जब आप किसी लेआउट में विजेट जोड़ते हैं तो इसे संदर्भित करते हैं।

चरण # 2: बार के लिए उपयोग करने के लिए उपयुक्त छवियों की ओर इशारा करते हुए, अपने स्वयं के LayerDrawableXML संसाधन बनाएं RatingBar। मूल शैलियाँ आपको उन मौजूदा संसाधनों की ओर इंगित करेंगी जिनकी आप तुलना कर सकते हैं। फिर, अपनी शैली को अपने स्वयं के LayerDrawableसंसाधनों का उपयोग करने के लिए समायोजित करें , बजाय अंतर्निहित वाले।


1
# 2 चरण के अनुसार, यह सैमसंग 3 उपकरणों या कुछ अन्य लोगों के लिए काम नहीं करता है, यह एक LayerDrawable होने की आवश्यकता नहीं है। जानकारी के लिए यहां देखें: stackoverflow.com/questions/30266334/…
केनी

6
Android का उपयोग करें: progressTint = "@ रंग / पीला"। देखिए @superpuccio का जवाब।
विन्सेन्ट

2
प्रगति ने केवल 21 एपीआई स्तर से ऊपर का समर्थन किया
योगेश राठी

यह सबसे अच्छा समाधान है: stackoverflow.com/a/36297738/1935135
आंद्रे लुइज़ रीस

120

यह उल्लेख ब्लॉग पर थोड़ा जटिल है, मैंने एक समान लेकिन सरल तरीके का उपयोग किया है। आपको 3 स्टार छवियों (red_star_full.png, red_star_half.png और red_star_empty.png) और एक xml की आवश्यकता है, बस इतना ही है।

इन 3 छवियों को Res / drawable पर रखें।

वहाँ निम्नलिखित रेटिंगबार_रेड। 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/red_star_empty" />
    <item android:id="@android:id/secondaryProgress" android:drawable="@drawable/red_star_half" />
    <item android:id="@android:id/progress" android:drawable="@drawable/red_star_full" />
</layer-list>

और, अंत में, इसे उपयोग करने के लिए अपनी रेटिंगबार परिभाषा बताएं, अर्थात

<RatingBar android:progressDrawable="@drawable/ratingbar_red"/>

बस।


3
हाय एलेक्स, मैं इस समाधान की कोशिश की है, लेकिन जब मैं 1.1, 1.2, आदि जैसे कुछ करने के लिए रेटिंग सेट करने की कोशिश ... यह 1.5 के रूप में प्रदर्शित है। मैंने 3 स्टार इमेज ली हैं, एक खाली, एक फुल फुल और एक फुल। मुझे लगता है कि यह उनके बीच आंशिक घटकों को प्राप्त करने के लिए प्रक्षेपित करने वाला है, मुझे आश्चर्य है कि किसी और को भी एक ही मुद्दा था या क्या मैं कुछ गलत कर रहा हूं?
ग्राहम बैट्सन

क्या आप मुझे उन चित्रों के बारे में बता सकते हैं, जिन्हें हमें मौसम की रंगीन छवियों का उपयोग करना चाहिए और छवियों का आकार जो इसे हल करने में सक्षम नहीं है ...
पृथ्वीराज शिरोर

1
सभी लोग देखते हैं कि 2015 का अपडेट उत्तर नीचे है! यह बहुत आसान और सरल है!
काटी

यह उत्तर अभी भी सितारों के विभिन्न राज्यों पर अधिक लचीलापन प्रदान करता है।
टॉम ब्रिंककम्पर

मुझे तारों के नीचे खड़ी रेखाएँ क्यों मिल रही हैं? मैंने कस्टम शैली को परिभाषित करने की कोशिश की, ऊंचाई को निर्दिष्ट किया, लेकिन मेरे AVD पर सितारों के नीचे अभी भी ऊर्ध्वाधर रेखाएं हैं।
अलेक्जेंडर

93

यह कोशिश करो, अगर आप केवल रंग बदलना चाहते हैं:

RatingBar ratingBar = (RatingBar) findViewById(R.id.ratingBar);
LayerDrawable stars = (LayerDrawable) ratingBar.getProgressDrawable();
stars.getDrawable(2).setColorFilter(Color.YELLOW, PorterDuff.Mode.SRC_ATOP);

1
वास्तव में क्या PorterDuff.Mode.SRC_ATOPमतलब है या करते हैं?
ज़ापोनोलिका

5
एपीआई 5.0 और इसके बाद के संस्करण पर काम नहीं करता है। आवश्यकताएं:Drawable stars = rb.getProgressDrawable(); stars.setTint( Color.YELLOW );
zyamys

@zyamys यह वास्तव में "उच्च संस्करण" और पुराने संस्करणों के लिए एक और तरीका के लिए = (ए विधि बेकार आवश्यक है?
डेनिएला मोरीस

1
यह केवल 0.5 की सटीकता के लिए काम करता है। अन्यथा (सटीक <0.5) ओवरले अजीब हो जाता है और ऐसा लगता है जैसे नीला रंग अभी भी 0.5 की सटीकता के साथ है, जबकि पीला सटीक है
टेओ इनक

1
चेतावनी: पूर्व-लॉलीपॉप उपकरणों पर क्रैश। स्वीकृत उत्तर के साथ जाएं।
ब्लॉकवाला

70

सबसे आसान तरीका है कि मेरे लिए काम किया ... अगर आप AppCompat गतिविधि का विस्तार कर रहे हैं

अपने build.gradle में नवीनतम appcompat लाइब्रेरी जोड़ें।

dependencies {  
    compile 'com.android.support:appcompat-v7:X.X.X' // where X.X.X version
}

अपनी गतिविधि Android.support.v7.app.App.ComCompatActivity का विस्तार करें

public class MainActivity extends AppCompatActivity {  
    ...
}

अपनी शैली में कस्टम शैली की घोषणा करें। xml फ़ाइल।

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

इस शैली को अपने रेटिंगबार पर Android के माध्यम से लागू करें: थीम विशेषता।

<RatingBar  
    android:theme="@style/RatingBar"
    android:rating="3"
    android:stepSize="0.5"
    android:numStars="5"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"/>

3
धन्यवाद @Vishal कुमार मैंने इसे किटकैट 4.4.4 (सैमसंग एस 3 नियो) और मार्शमैलो 6.0.1 (सैमसंग गैलेक्सी ऑन एनएक्सटी) पर आजमाया। लेकिन लॉलीपॉप 5.1 (माइक्रोमैक्स) पर कोई सफलता नहीं। लॉलीपॉप के लिए मैंने RatingBar में "android: progressTint" विशेषता का उपयोग किया और हाँ यह काम करता है।
प्रशांत

यही सबसे अच्छा उपाय है।
अरहत बैद

यह चयनित सही उत्तर होना चाहिए।
हम्पल एल्द

1
यह सबसे अच्छा उपाय है। यदि आप स्टार का आकार बदलना चाहते हैं, तो आप style="?android:ratingBarStyleSmall"एक साथ उपयोग कर सकते हैं।
आंद्रे लुइज़ रीस

@ AndréLuizReis <style name="RatingBarSmallTheme" parent="Theme.AppCompat"> <item name="colorControlNormal">@color/colorOrangeNormal</item> <item name="colorControlActivated">@color/colorOrangeActivated</item> <item name="ratingBarStyle">@style/Widget.AppCompat.RatingBar.Small</item> </style> और अपने ratingBar android:theme="@style/RatingBarSmallTheme"
Zakhar Rodionov

47

2015 अपडेट

अब आप सभी प्रकार के ड्रॉबल्स को टिंट करने के लिए ड्राएबल.कॉम का उपयोग कर सकते हैं । उदाहरण के लिए:

Drawable progress = ratingBar.getProgressDrawable();
DrawableCompat.setTint(progress, Color.WHITE);

यह एपीआई 4 तक बैकवर्ड संगत है


रेटिंगबार पर ड्रा करने योग्य वापस सेट करना न भूलें।
निचोड़

15
यह पूरे रंग को एक रंग में बदल देता है जो खाली सितारों को भेद करने के लिए बहुत कठिन बनाता है।
17

यह केवल एंड्रॉइड सपोर्ट लाइब्रेरी> = 22 के साथ काम करता है और सपोर्ट लाइब्रेरी <22 के साथ नहीं।
राघव शर्मा

2
यह 5 रंगीन सितारों को आकर्षित करता है, न कि 3.5 को।
कूलमाइंड

1
मुझे लगता है कि if(Build.VERSION.SDK_INT < Build.VERSION_CODES.LOLLIPOP_MR1) {}यह एपीआई 22 से डिफ़ॉल्ट रूप से काम कर रहा है के साथ बस चारों ओर होगा ।
योआन हरकौट

38

एपीआई 21 से इस कोड की तीन पंक्तियों के साथ तारों का रंग बदलना बहुत आसान है:

android:progressTint="@android:color/holo_red_dark"
android:progressBackgroundTint="@android:color/holo_red_dark"
android:secondaryProgressTint="@android:color/holo_red_dark" 

इसे इस तरह से करना, आप बदलेंगे:

  • भरे हुए रंग (प्रगति)
  • अनफ़िल्टर्ड स्टार्स का रंग (प्रगतिबैकग्राउंड टिंट)
  • और सितारों का सीमा रंग (गौण रंग)

3.5 के बजाय यह 4 सितारों को पेंट करता है।
कूलमाइंड

@CoolMind ने android: stepSize: 1 के बजाय 0.5
eLemEnt

4
खाली तारे का रंग कैसे बदलें?
विंकलेर्र

@winklerrr क्या आपने समाधान पाया कि कैसे एक खाली स्टार का रंग बदलना है।
तरुण कुमार

समाधान खोजने के लिए आगे की जाँच नहीं की
winklerrr

36

यदि आप सभी सितारों के लिए रंग बदलना चाहते हैं, तो आपको मेरा उपयोग बताता है:

LayerDrawable stars = (LayerDrawable) ratingBar.getProgressDrawable();
stars.getDrawable(2).setColorFilter(getResources().getColor(R.color.starFullySelected), PorterDuff.Mode.SRC_ATOP);
stars.getDrawable(1).setColorFilter(getResources().getColor(R.color.starPartiallySelected), PorterDuff.Mode.SRC_ATOP);
stars.getDrawable(0).setColorFilter(getResources().getColor(R.color.starNotSelected), PorterDuff.Mode.SRC_ATOP);

क्या डेटाबेस से प्राप्त डेटा के आधार पर तारों का रंग निर्धारित करने का कोई तरीका है? मान लीजिए कि मुझे 5 स्टार मिले हैं और डेटाबेस से डेटा वापस मिल गया है। 4. इसलिए सभी 5 को बदलने के बजाय, मैं केवल पहले 4 को बदल देता हूं

1
getColor को अब हटा दिया गया है, कोई विकल्प?
मनोहर रेड्डी

2
आपको यहाँ उत्तर मिल सकते हैं stackoverflow.com/a/32202256/2513291 उदाहरण के लिए यह दृष्टिकोण ContextCompat.getColor (संदर्भ, R.color.color_name)
यूरी विनोग्रादोव

अच्छी तरह से काम करता है, लेकिन ध्यान दें कि, किसी कारण से, आदेश महत्वपूर्ण है (2, फिर 1, फिर 0)। मैं रिवर्स की कोशिश की और यह कुछ यूआई glitches के लिए नेतृत्व पहली बार रंग बदल जाता है।
साइमन निनन

25

एलेक्स और कॉमन्सवेयर ने जो समाधान पोस्ट किए हैं वे सही हैं। एक चीज जो एंड्रॉइड के बारे में बात नहीं करती है, हालांकि विभिन्न घनत्वों के लिए उचित पिक्सेल आकार हैं। हेलो प्रकाश पर आधारित प्रत्येक घनत्व के लिए आवश्यक आयाम यहां दिए गए हैं।

छोटा तारा

mdpi: 16px
hdpi: 24px
xhdpi: 32px
xxhdpi: 48px

मीडियम स्टार

mdpi: 24px
hdpi: 36px
xhdpi: 48px
xxhdpi: 72px

बड़ा तारा

mdpi: 35px
hdpi: 52px
xhdpi: 69px
xxhdpi: 105px

क्या मैं तारों के साथ vectordrawble का उपयोग कर सकता हूं
मीना

24

इसलिए मैं दो घंटे से इस मुद्दे से जूझ रहा हूं और मैं सभी एपीआई संस्करणों के लिए काम कर रहा हूं, जहां आधे सितारों की रेटिंग भी दिखाई गई है।

private void setRatingStarColor(Drawable drawable, @ColorInt int color)
{
    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP)
    {
        DrawableCompat.setTint(drawable, color);
    }
    else
    {
        drawable.setColorFilter(color, PorterDuff.Mode.SRC_IN);
    }
}

आप ड्राबल्स के इस आदेश के साथ विधि कहते हैं:

    LayerDrawable stars = (LayerDrawable) ratingBar.getProgressDrawable();
    // Filled stars
    setRatingStarColor(stars.getDrawable(2), ContextCompat.getColor(getContext(), R.color.foreground));
    // Half filled stars
    setRatingStarColor(stars.getDrawable(1), ContextCompat.getColor(getContext(), R.color.background));
    // Empty stars
    setRatingStarColor(stars.getDrawable(0), ContextCompat.getColor(getContext(), R.color.background));

नोट: इसके अलावा आपको XML में "अधिकतम" और "numStars" विशेषताओं को निर्दिष्ट करना होगा, अन्यथा आधे सितारों को नहीं दिखाया गया है।


एकमात्र तरीका जो मेरे लिए API19 पर काम करता है, लेकिन मैंने एक्सएमएल से केवल T_T से ऐसा करने के तरीके को देखने के लिए कोई कसर नहीं छोड़ी है
बीइंग जेके

@BeeingJk यदि आप एक कस्टम दृश्य बनाते हैं जो रेटिंगबेर का विस्तार करता है तो आप टिंट रंग को निर्दिष्ट करने के लिए अपनी स्वयं की xml विशेषताएँ बना सकते हैं। तब आपके पास टिंट सेट करने के लिए एक एकल बिंदु है और xml में टिंट निर्दिष्ट कर सकता है। उम्मीद है की वो मदद करदे! जरूरत पड़ने पर और समझा सकते हैं
Forrest Bice

Mode.SRC_INया Mode.MULTIPLY?
डॉ। जकी

12

अब आप उपयोग कर सकते हैं DrawableCompat बाद AppCompat v22.1.0 से जब आप ड्रॉएबल का एक सेट के साथ कई विषयों का समर्थन कर रहे गतिशील ड्रॉएबल, उपयोगी सभी तरह टिंट। उदाहरण के लिए:

LayerDrawable layerDrawable = (LayerDrawable) ratingBar.getProgressDrawable();
DrawableCompat.setTint(DrawableCompat.wrap(layerDrawable.getDrawable(0)), Color.RED);   // Empty star
DrawableCompat.setTint(DrawableCompat.wrap(layerDrawable.getDrawable(1)), Color.GREEN); // Partial star
DrawableCompat.setTint(DrawableCompat.wrap(layerDrawable.getDrawable(2)), Color.BLUE);  // Full star

यह एपीआई 4 के लिए नीचे की ओर संगत है। इसके अलावा समर्थन लाइब्रेरी v22.1.0 पर क्रिस बैन्स का ब्लॉग पोस्ट देखें

वास्तविक आकार और आकार के लिए आपको उचित आकार के लिए एक नई शैली और परत-सूची ड्राअबल्स को परिभाषित करने की आवश्यकता होगी, जैसा कि अन्य पहले ही ऊपर बता चुके हैं।


ड्राएबल्स एरेज़ नहीं हैं कि आप कैसे प्रगति तक पहुँच रहे हैं [0]?
18

@blueice आप सही क्षमा चाहते हैं, ड्रॉबल एक LayerDrawable होना चाहिए, अब सही है, धन्यवाद।
डैन डार 3

फिर भी मेरे लिए काम करने के लिए नहीं लग रहा था, मैं इस सवाल का एक अलग प्रतिक्रिया में यूरी विनोग्रादोव डाल दिया और काम करने लगता है।
20

रंग बदलने के बजाय ड्रा करने योग्य कैसे बदलें?
इमान मराशी

@ImanMarashi ऊपर एलेक्स का XML आधारित उत्तर देखें, LayerDrawable.setDrawable (इंडेक्स, ड्रॉबल ) केवल API23 से उपलब्ध है।
डैन डार 3

10

उपयोग android:themeविशेषता का :

styles.xml

<style name="Theme.Rating" parent="Theme.AppCompat.Light">
    <item name="colorAccent">@color/rating</item>
</style>

layout.xml

<android.support.v7.widget.AppCompatRatingBar
    android:theme="@style/Theme.Rating"
    android:numStars="5"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" />

9

सिर्फ xml से रेटिंग बार का रंग बदलने के लिए: -

android:progressTint="@color/your_color"
android:backgroundTint="@color/your_color"
android:secondaryProgressTint="@color/your_color"

यह खाली स्टार रंग नहीं बदलता है
नैनल

7

रंग बदलने के लिए आपको बस पैरामीटर सेट करना होगा android: प्रगति

 <RatingBar
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_marginTop="15dp"
        android:numStars="5"
        android:rating="1"
        android:progressTint="@android:/color/black"
        android:layout_gravity="center"
       />

आकार के लिए शैली गुण।


केवल एपीआई 21 या उच्चतर पर काम करता है, धन्यवाद
जुनैद

5

सबसे सरल तरीका:

android:progressTint="@color/color"

1
ध्यान दें कि यह केवल एपीआई 21+ पर काम करता है
Ixx

4

बिल्डिंग @ lgvalle का जवाब।

2015 अपडेट

अब आप सभी प्रकार के ड्रॉबल्स को टिंट करने के लिए ड्राएबल.कॉम का उपयोग कर सकते हैं। उदाहरण के लिए:

ड्रा करने योग्य प्रगति = RatingBar.getProgressDrawable (); DrawableCompat.setTint (प्रगति, Color.WHITE); यह एपीआई 4 तक बैकवर्ड संगत है

LayerDrawable drawable = (LayerDrawable) getProgressDrawable();
Drawable progress = drawable.getDrawable(2);
DrawableCompat.setTint(progress, getResources().getColor(COLOR1));
progress = drawable.getDrawable(1);
DrawableCompat.setTintMode(progress, PorterDuff.Mode.DST_ATOP);
DrawableCompat.setTint(progress, getResources().getColor(COLOR1));
DrawableCompat.setTintMode(progress, PorterDuff.Mode.SRC_ATOP);
DrawableCompat.setTint(progress, getResources().getColor(COLOR2));
progress = drawable.getDrawable(0);
DrawableCompat.setTint(progress, getResources().getColor(COLOR2));

यह अंशों के रंगों को बनाए रखेगा।


4
<!--For rating bar -->
    <style name="RatingBarfeed" parent="Theme.AppCompat">
        <item name="colorControlNormal">@color/colorPrimary</item>
        <item name="colorControlActivated">@color/colorPrimary</item>
    </style>

अपने रंग का उपयोग करें


4

एक नई शैली जोड़ने के साथ आप टिंट रंग का उपयोग कर सकते हैं RatingBar

             <RatingBar
                    android:id="@+id/ratingBar"
                    style="@android:style/Widget.Holo.RatingBar.Small"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:numStars="5"
                    android:rating="4.5"
                    android:stepSize="0.5"
                    android:progressTint="@color/colorPrimary"/>

3

नीचे और ऊपर संस्करण 21 के लिए Android के लिए काम करता है

कुछ शोध के बाद मैं इस पद्धति के साथ पृष्ठभूमि टिंट, गैप टिंट (एक्स: आधा सितारा) और स्टार टिंट रंग सेट करने के लिए आया हूं।

LayerDrawable layers = (LayerDrawable) ratingBar.getProgressDrawable();
DrawableCompat.setTint(layers.getDrawable(0), 0x33000000); // The background tint
DrawableCompat.setTint(layers.getDrawable(1), 0x00000000); // The gap tint (Transparent in this case so the gap doesnt seem darker than the background)
DrawableCompat.setTint(layers.getDrawable(2), 0xffFED80A); // The star tint

3

सरल समाधान, इसे प्राप्त करने के लिए AppCompatRatingBar और इसके setProgressTintList पद्धति का उपयोग करें, संदर्भ के लिए इस उत्तर को देखें ।


इसने मेरे लिए एपीआई 28 के तहत com.google.android.material का उपयोग करके काम किया: सामग्री: 1.1.0-अल्फा02
मार्क लापसा

2

मैं इस समस्या को इस प्रकार हल करता हूं:

LayerDrawable layerDrawable = (LayerDrawable) ratingBar.getProgressDrawable();

DrawableCompat.setTint(DrawableCompat.wrap(layerDrawable.getDrawable(0)),
                       Color.WHITE);  // Empty star
DrawableCompat.setTint(DrawableCompat.wrap(layerDrawable.getDrawable(1)),
                       Color.YELLOW); // Partial star
DrawableCompat.setTint(DrawableCompat.wrap(layerDrawable.getDrawable(2)),
                       Color.YELLOW);

धन्यवाद, यह काम करता है। लेकिन आंशिक रेटिंग के लिए सितारों को पूरी तरह चित्रित किया जाता है।
कूलमाइंड

2
RatingBar mRating=(RatingBar)findViewById(R.id.rating);
 LayerDrawable layerDrawable=(LayerDrawable)mRating.getProgressDrawable();
 layerDrawable.getDrawable(2).setColorFilter(Color.parseColor
 ("#32CD32"),    PorterDuff.Mode.SRC_ATOP);

मेरे लिए इसका काम ...।


1

मुझे आपकी थीम के अनुसार स्टार का रंग बदलने का एक सरल समाधान मिला।

गोटो इस साइट: http://android-holo-colors.com/

अपना थीम रंग चुनें और अपनी स्टार छवियां बनाएं।


1

उपरोक्त उत्तरों का उपयोग करते हुए, मैंने एक त्वरित स्थैतिक विधि बनाई जो आसानी से फिर से उपयोग की जा सकती है। इसका उद्देश्य केवल सक्रिय तारों के लिए प्रगति रंग को टिन करना है। जो तारे सक्रिय नहीं हैं वे धूसर रहते हैं।

    public static RatingBar tintRatingBar (RatingBar ratingBar, int progressColor)if (ratingBar.getProgressDrawable() instanceof LayerDrawable) {
        LayerDrawable progressDrawable = (LayerDrawable) ratingBar.getProgressDrawable();
        Drawable drawable = progressDrawable.getDrawable(2);
        Drawable compat = DrawableCompat.wrap(drawable);
        DrawableCompat.setTint(compat, progressColor);
        Drawable[] drawables = new Drawable[3];
        drawables[2] = compat;

        drawables[0] = progressDrawable.getDrawable(0);
        drawables[1] = progressDrawable.getDrawable(1);

        LayerDrawable layerDrawable = new LayerDrawable(drawables);

        ratingBar.setProgressDrawable(layerDrawable);

        return ratingBar;
    }
    else {
        Drawable progressDrawable =  ratingBar.getProgressDrawable();
        Drawable compat = DrawableCompat.wrap(progressDrawable);
        DrawableCompat.setTint(compat, progressColor);
        ratingBar.setProgressDrawable(compat);
        return ratingBar;
    }
}

बस अपनी रेटिंग बार और रंग का उपयोग करके पास करें getResources().getColor(R.color.my_rating_color)

जैसा कि आप देख सकते हैं, मैं DrawableCompat का उपयोग करता हूं ताकि यह बैकवर्ड संगत हो।

EDIT: यह तरीका API21 पर काम नहीं करता (जाने क्यों)। जब आप setProgressBar पर कॉल करते हैं, तो आप NullPointerException के साथ समाप्त होते हैं। मैंने API> = 21 पर पूरी विधि को अक्षम कर दिया।

एपीआई> = 21 के लिए, मैं सपेरपुकियो समाधान का उपयोग करता हूं।


java.lang.ClassCastException: android.support.v4.graphics.drawable.DrawableWrapperHoneycomb पूर्व लॉलीपॉप पर android.graphics.drawable.LayerDrawable में ढाला नहीं जा सकता है
ईशान गर्ग

1
@IshaanGarg आप सही हैं। मैं उसी मुद्दे में भाग गया और अपनी पद्धति को अद्यतन किया। मैंने केस को संभालने के लिए अपना कोड अपडेट किया। मुझे नहीं लगता कि यह Android संस्करण की बात है। यदि आप रेटिंग बार के छोटे संस्करण का उपयोग करते हैं (स्टाइल के साथ = "? Android: attr / RatingBarStyleSmall"), तो ड्रॉबल रिटर्न अभी भी एक लेआउट है।
21

हाँ, मैंने जो लागू किया था, बस AppCompatRatingBar का उपयोग करना सुनिश्चित करें। हालांकि एक्सएमएल / जावा से रेटिंग पूर्व-निर्धारित करते समय मैं आधा स्टार प्राप्त करने में सक्षम नहीं हूं। सेट्रेटिंग (3.5) की तरह 4 पूर्ण सितारे
ईशान गर्ग

1

टच स्टार पर रंग बदलने के लिए रेटिंग बार स्वचालित रूप से रन टाइम पर उपयोग किया जाता है।

पहले app \ src \ main \ res \ मान \ style.xml फ़ाइल में शैली जोड़ें:

<style name="RatingBar" parent="Theme.AppCompat">
    <item name="colorControlNormal">@android:color/darker_gray</item>
    <item name="colorControlActivated">@color/com_facebook_blue</item>
</style>

फिर आपका रेटिंग बार इस तरह से थीम जोड़ें:

<RatingBar
   android:id="@+id/rating"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:numStars="5"
   android:stepSize="1"
   android:theme="@style/RatingBar"/>

0

1) इस xml घोषित करें

<LinearLayout 
             android:layout_width="match_parent"
        android:layout_height="wrap_content"
         android:layout_alignParentBottom="true"
         android:orientation="horizontal"
         android:paddingLeft="20dp"
         android:paddingRight="20dp"
         android:layout_marginBottom="20dp"
         android:background="#323232"
         android:gravity="center_horizontal">

       <com.example.android.custom_ratingbar.CustomRatingBar
        android:id="@+id/coloredRatingBar5"
        style="@style/coloredRatingBarStyleSmall"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"

         />
       </LinearLayout>

2) style.xml में

<style name="coloredRatingBarStyleSmall">
        <item name="indicator">false</item>
        <item name="type">small</item>
    </style>

3)

import android.content.Context;
import android.content.res.Resources;
import android.content.res.TypedArray;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;

public class CustomRatingBar extends View{

    private static final String TAG="ColoredRatingBar";
    private static final int NORMAL = 0;
    private static final int SMALL = 1;

    Bitmap[] drawables;
    Bitmap progressBackground;
    Context mContext;
    private int mNumStars =9;
    private float mRating =0;
    private boolean mIndicator;
    private float slidePosition;
    private int mType;

    /**
     * A callback that notifies clients when the rating has been changed. This
     * includes changes that were initiated by the user through a touch gesture
     * or arrow key/trackball as well as changes that were initiated
     * programmatically.
     */
    public interface OnRatingBarChangeListener {

        /**
         * Notification that the rating has changed. Clients can use the
         * fromUser parameter to distinguish user-initiated changes from those
         * that occurred programmatically. This will not be called continuously
         * while the user is dragging, only when the user finalizes a rating by
         * lifting the touch.
         *
         * @param ratingBar The RatingBar whose rating has changed.
         * @param rating The current rating. This will be in the range
         *            0..numStars.
         * @param fromUser True if the rating change was initiated by a user's
         *            touch gesture or arrow key/horizontal trackbell movement.
         */
        void onRatingChanged(CustomRatingBar ratingBar, float rating, boolean fromUser);

    }

    private OnRatingBarChangeListener mOnRatingBarChangeListener;

    public CustomRatingBar(Context context) {
        this(context, null);
    }
    public CustomRatingBar(Context context, AttributeSet attrs) {
        this(context, attrs,0);//R.attr.coloredRatingBarStyle
    }

    public CustomRatingBar(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);

        TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.CustomRatingBar,defStyle, 0);
        final boolean indicator = a.getBoolean(R.styleable.CustomRatingBar_indicator, false);
        final float rating = a.getFloat(R.styleable.CustomRatingBar_setrating, -1);
        final int type = a.getInt(R.styleable.CustomRatingBar_type, 0);
        a.recycle();

        setIndicator(indicator);
        setRating(rating);
        setType(type);
        init(context);
    }

    public int getType() {
        return mType;
    }

    public void setType(int type) {
        this.mType = type;
    }

    private void init(Context context) {
        mContext = context;
        Resources res = getResources();
        if(mType==SMALL){
            drawables = new Bitmap[]{BitmapFactory.decodeResource(res, R.drawable.rating_inactive),BitmapFactory.decodeResource(res, R.drawable.rating_active)};
            progressBackground = BitmapFactory.decodeResource(res, R.drawable.rating_inactive);
        }else{
            drawables = new Bitmap[]{BitmapFactory.decodeResource(res, R.drawable.rating_inactive),BitmapFactory.decodeResource(res, R.drawable.rating_active)};
            progressBackground = BitmapFactory.decodeResource(res, R.drawable.rating_inactive);
        }

    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        //draw empty stars bg
        for(int i=0;i< mNumStars;i++){
            drawStar(canvas,i);
        }

    }


    private void drawStar(Canvas canvas, int position) {
        float fraction = mRating -(position);
        Bitmap ratedStar1 = getRatedStar();
        Paint paint=getPaint(position);
        int division=getSize();
        Bitmap ratedStar=null;
        Bitmap emptyStar=null;
       if(!isInEditMode()){
        ratedStar=Bitmap.createScaledBitmap(ratedStar1, division, division, false);
        emptyStar=Bitmap.createScaledBitmap(progressBackground, division, division, false);
       }
        if((position)< mRating){
            if(!isInEditMode()){
           canvas.drawBitmap(ratedStar,(position* division),0,paint);
            }

        } else{

                if(!isInEditMode()){
              canvas.drawBitmap(emptyStar,(position*division),0,null);

            }
        }


    }
    private int getSize(){
        return (getWidth()/mNumStars);
    }

    private Bitmap getRatedStar() {

        if(mRating==0){
            return drawables[0];
        }
        else{
            return drawables[1];
        }
    }

    private Paint getPaint(int position){
        int value=(255*(position+1))/mNumStars;
        String hexString=Integer.toHexString(value).equals("0")?"00":Integer.toHexString(value);
        String hexvalue="#"+hexString+"000000";//FEE98E
        //Log.e("TAG", position+"/"+value+"/"+hexvalue);

        Paint paint=new Paint();

        paint.setColor(Color.parseColor(hexvalue));

        return paint;
    }

    public int getNumStars() {
        return mNumStars;
    }

    public void setNumStars(int numStars) {
        this.mNumStars = numStars;
    }

    public float getRating() {
        return mRating;
    }

    public void setRating(float rating) {
        setRating(rating,false);
    }

    void setRating(float rating,boolean fromUser) {
        if(rating>mNumStars){
            this.mRating = mNumStars;
        }
        this.mRating = rating;
        invalidate();
        dispatchRatingChange(fromUser);
    }

    public boolean isIndicator() {
        return mIndicator;
    }

    public void setIndicator(boolean indicator) {
        this.mIndicator = indicator;
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        if (progressBackground != null) {

            final int width = progressBackground.getWidth() * mNumStars;
            final int height = progressBackground.getHeight();

            int widthSize = MeasureSpec.getSize(widthMeasureSpec);
            Bitmap emptyStar=Bitmap.createScaledBitmap(progressBackground, widthSize/mNumStars, widthSize/mNumStars, false);
            int heightSize = emptyStar.getHeight();

            setMeasuredDimension(resolveSizeAndState(widthSize, widthMeasureSpec, 0),
                    resolveSizeAndState(heightSize, heightMeasureSpec, 0));
        }
        else{
              int desiredWidth = 100;
            int desiredHeight = 50;

            int widthMode = MeasureSpec.getMode(widthMeasureSpec);
            int widthSize = MeasureSpec.getSize(widthMeasureSpec);
            int heightMode = MeasureSpec.getMode(heightMeasureSpec);
            int heightSize = MeasureSpec.getSize(heightMeasureSpec);

            int width;
            int height;

            //Measure Width
            if (widthMode == MeasureSpec.EXACTLY) {
                //Must be this size
                width = widthSize;
            } else if (widthMode == MeasureSpec.AT_MOST) {
                //Can't be bigger than...
                width = Math.min(desiredWidth, widthSize);
            } else {
                //Be whatever you want
                width = desiredWidth;
            }

            //Measure Height
            if (heightMode == MeasureSpec.EXACTLY) {
                //Must be this size
                height = heightSize;
            } else if (heightMode == MeasureSpec.AT_MOST) {
                //Can't be bigger than...
                height = Math.min(desiredHeight, heightSize);
            } else {
                //Be whatever you want
                height = desiredHeight;
            }

            //MUST CALL THIS
          setMeasuredDimension(resolveSizeAndState(width, widthMeasureSpec, 0),resolveSizeAndState(height, heightMeasureSpec, 0));
        }
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        if(mIndicator){
            return false;
        }

        int action = event.getAction();
        switch (action) {
            case MotionEvent.ACTION_DOWN:
                break;
            case MotionEvent.ACTION_MOVE:
            case MotionEvent.ACTION_UP:
                slidePosition = getRelativePosition(event.getX());

                int newRating = (int)(slidePosition>0?slidePosition+1:0) ;
                if(newRating>mNumStars){
                    newRating=mNumStars;
                }

             //   Log.e("TAG", ""+newRating);
                if (newRating != mRating) {
                    setRating(newRating,true);
                }
                break;
            case MotionEvent.ACTION_CANCEL:
                break;
            default:
                break;
        }

        return true;
    }

    private float getRelativePosition(float x) {
        Bitmap emptyStar=Bitmap.createScaledBitmap(progressBackground, getWidth()/mNumStars, getWidth()/mNumStars, false);
        int widthSize = emptyStar.getWidth();
      //  Log.e("TAG", widthSize+"/"+x);
         float position = x / widthSize;
       position = Math.max(position, 0);
       return Math.min(position, mNumStars);
    }

    /**
     * Sets the listener to be called when the rating changes.
     *
     * @param listener The listener.
     */
    public void setOnRatingBarChangeListener(OnRatingBarChangeListener listener) {
        mOnRatingBarChangeListener = listener;
    }

    /**
     * @return The listener (may be null) that is listening for rating change
     *         events.
     */
    public OnRatingBarChangeListener getOnRatingBarChangeListener() {
        return mOnRatingBarChangeListener;
    }

    void dispatchRatingChange(boolean fromUser) {
        if (mOnRatingBarChangeListener != null) {
            mOnRatingBarChangeListener.onRatingChanged(this, getRating(),
                    fromUser);
        }
    }
}


5) then in calling activity---

CustomRatingBar coloredRatingBar5=(CustomRatingBar)findViewById(R.id.coloredRatingBar5);
        coloredRatingBar5.setOnRatingBarChangeListener(new OnRatingBarChangeListener() {

            @Override
            public void onRatingChanged(CustomRatingBar ratingBar, float rating,boolean fromUser) {
                // TODO Auto-generated method stub
                Log.e("RATING", ""+rating);

            }
        });

6) रेटिंग सक्रिय --- किसी भी छवि को गहरे रंग के coz के साथ लें इसे विभिन्न रेटिंग के लिए रंग पारदर्शिता के रूप में उपयोग किया जाएगा

Rating_inactive - प्रकाश पृष्ठभूमि के साथ उपरोक्त छवि के किसी भी आकार की कोई भी छवि ले लो..इसका उपयोग तब किया जाएगा जब कोई रेटिंग चयनित न हो


0

सितारों के बॉर्डर रंग को बदलने के लिए एक बहुत ही आसान तरीका xml पैरामीटर का उपयोग कर रहा है:

android:progressBackgroundTint=""

रेटिंगबार दृश्य में। एक रंग के लिए मान एक हेक्साडेसिमल कोड होना चाहिए।


मुझे पता नहीं क्यों, लेकिन ऐसा लगता है कि आप विधि केवल सितारों की सीमा को प्रभावित करती है (भरने का रंग डिफ़ॉल्ट रंग रहता है)
सुपरपुकियो

ठीक है, आप कुछ xml params याद किया। नीचे मेरे जवाब की जाँच करें।
सुपरपुकियो

1
आप सही हे। मुझे नहीं पता कि मैं क्यों सोच रहा था कि उसे स्टार के बॉर्डर का रंग बदलने में समस्या है (हो सकता है कि अगर समस्या मेरे पास थी)। आपका उत्तर अधिक पूर्ण है।
पौल अरलैंडिस मार्टिनेज

0

मैं यह सब करने के लिए एक विश्वसनीय विधि के लिए देख रहा था कम से कम एपीआई 9 करने के लिए। "कास्टिंग टू लेयरड्रॉल" समाधान मेरे लिए एक जोखिम भरा समाधान की तरह लग रहा था, और जब मैंने इसे 2.3 पर एक एंड्रॉइड फोन पर परीक्षण किया, तो यह सफलतापूर्वक कास्ट हो गया लेकिन ड्राएबल.कॉमपैटसेटसेट (...) के कॉल का कोई प्रभाव नहीं पड़ा।

ड्रॉबल एसेट्स को लोड करने की आवश्यकता मेरे लिए एक अच्छे समाधान की तरह नहीं थी।

मैंने अपने स्वयं के समाधान को कोड करने का निर्णय लिया, जो एक वर्ग है जो AppCompatRatingBar का विस्तार कर रहा है, एक कस्टम ड्रॉबल का उपयोग करके प्रोग्राम को ड्राइंग रूप से चित्रित करने का ध्यान रखते हुए। यह मेरी जरूरतों के लिए पूरी तरह से काम करता है, मैं इसे किसी की मदद करने की स्थिति में पोस्ट करूँगा:

https://gist.github.com/androidseb/2b8044c90a07c7a52b4bbff3453c8460

लिंक आसान है क्योंकि आप पूरी फ़ाइल सीधे प्राप्त कर सकते हैं, लेकिन यहां केवल पूर्ण कोड है:

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.ColorFilter;
import android.graphics.Paint;
import android.graphics.Paint.Style;
import android.graphics.Path;
import android.graphics.PointF;
import android.graphics.drawable.Drawable;
import android.support.v7.widget.AppCompatRatingBar;
import android.util.AttributeSet;

/**
 * @author androidseb
 *         <p/>
 *         Extends AppCompatRatingBar with the ability to tint the drawn stars when selected, pressed and un-selected.
 *         Limitation: Only draws full stars.
 */
public class TintableRatingBar extends AppCompatRatingBar {
    private TintableRatingBarProgressDrawable progressDrawable;

    public TintableRatingBar(final Context context) {
        super(context);
        init();
    }

    public TintableRatingBar(final Context context, final AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    public TintableRatingBar(final Context context, final AttributeSet attrs, final int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init();
    }

    private void init() {
        progressDrawable = new TintableRatingBarProgressDrawable();
        setProgressDrawable(progressDrawable);
    }

    public void setCustomTintColors(final int _uncheckedColor, final int _pressedColor, final int _checkedColor) {
        progressDrawable.setRatingMaxLevelValue(getMax() * 1000);
        progressDrawable.setUnCheckedColor(_uncheckedColor);
        progressDrawable.setPressedColor(_pressedColor);
        progressDrawable.setCheckedColor(_checkedColor);
        invalidate();
    }

    public class TintableRatingBarProgressDrawable extends Drawable {
        private static final int STAR_COUNT = 5;
        private static final int STAR_BRANCHES_COUNT = 5;

        /** Sets the max level value: if the level is at the max, then all stars are selected. */
        private int ratingMaxLevelValue = 10000;
        /** Color to be painted for unselected stars */
        private int uncheckedColor = Color.GRAY;
        /** Color to be painted for unselected stars when the ratingbar is pressed */
        private int pressedColor = Color.CYAN;
        /** Color to be painted for selected stars */
        private int checkedColor = Color.BLUE;

        @Override
        public void setAlpha(final int _i) {
        }

        @Override
        public void setColorFilter(final ColorFilter _colorFilter) {
        }

        @Override
        public boolean isStateful() {
            return true;
        }

        @Override
        public boolean setState(final int[] stateSet) {
            final boolean res = super.setState(stateSet);
            invalidateSelf();
            return res;
        }

        @Override
        public int getOpacity() {
            return 255;
        }

        public void setRatingMaxLevelValue(final int _ratingMaxLevelValue) {
            ratingMaxLevelValue = _ratingMaxLevelValue;
        }

        public void setUnCheckedColor(final int _uncheckedColor) {
            uncheckedColor = _uncheckedColor;
        }

        public void setPressedColor(final int _pressedColor) {
            pressedColor = _pressedColor;
        }

        public void setCheckedColor(final int _checkedColor) {
            checkedColor = _checkedColor;
        }

        @Override
        public void draw(final Canvas _canvas) {
            boolean pressed = false;
            for (int i : getState()) {
                if (i == android.R.attr.state_pressed) {
                    pressed = true;
                }
            }

            final int level = (int) Math.ceil(getLevel() / (double) ratingMaxLevelValue * STAR_COUNT);
            final int starRadius = Math.min(getBounds().bottom / 2, getBounds().right / STAR_COUNT / 2);

            for (int i = 0; i < STAR_COUNT; i++) {
                final int usedColor;
                if (level >= i + 1) {
                    usedColor = checkedColor;
                } else if (pressed) {
                    usedColor = pressedColor;
                } else {
                    usedColor = uncheckedColor;
                }
                drawStar(_canvas, usedColor, (i * 2 + 1) * starRadius, getBounds().bottom / 2, starRadius,
                    STAR_BRANCHES_COUNT);
            }
        }

        private void drawStar(final Canvas _canvas, final int _color, final float _centerX, final float _centerY,
            final float _radius, final int _branchesCount) {
            final double rotationAngle = Math.PI * 2 / _branchesCount;
            final double rotationAngleComplement = Math.PI / 2 - rotationAngle;
            //Calculating how much space is left between the bottom of the star and the bottom of the circle
            //In order to be able to center the star visually relatively to the square when drawn
            final float bottomOffset = (float) (_radius - _radius * Math.sin(rotationAngle / 2) / Math.tan(
                rotationAngle / 2));
            final float actualCenterY = _centerY + (bottomOffset / 2);
            final Paint paint = new Paint();
            paint.setColor(_color);
            paint.setStyle(Style.FILL);
            final Path path = new Path();
            final float relativeY = (float) (_radius - _radius * (1 - Math.sin(rotationAngleComplement)));
            final float relativeX = (float) (Math.tan(rotationAngle / 2) * relativeY);
            final PointF a = new PointF(-relativeX, -relativeY);
            final PointF b = new PointF(0, -_radius);
            final PointF c = new PointF(relativeX, -relativeY);
            path.moveTo(_centerX + a.x, actualCenterY + a.y);
            _canvas.save();
            for (int i = 0; i < _branchesCount; i++) {
                path.lineTo(_centerX + b.x, actualCenterY + b.y);
                path.lineTo(_centerX + c.x, actualCenterY + c.y);
                rotationToCenter(b, rotationAngle);
                rotationToCenter(c, rotationAngle);
            }
            _canvas.drawPath(path, paint);
            _canvas.restore();
        }

        private void rotationToCenter(final PointF _point, final double _angleRadian) {
            final float x = (float) (_point.x * Math.cos(_angleRadian) - _point.y * Math.sin(_angleRadian));
            final float y = (float) (_point.x * Math.sin(_angleRadian) + _point.y * Math.cos(_angleRadian));
            _point.x = x;
            _point.y = y;
        }
    }
}

0

थोड़ा देर से जवाब लेकिन मुझे उम्मीद है कि यह कुछ लोगों की मदद करेगा।

<RatingBar
         android:id="@+id/rating"
         style="@style/Base.Widget.AppCompat.RatingBar.Small"
         android:theme="@style/WhiteRatingStar"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_below="@+id/profil_name"
         android:layout_centerHorizontal="true"
         android:layout_marginLeft="@dimen/dimen_4"
         android:rating="3" />

और यहां व्हाइटरेटिंगस्टार जैसा दिखता है

<style name="WhiteRatingStar" parent="Base.Widget.AppCompat.RatingBar.Small">
     <item name="colorAccent">@android:color/white</item>
</style>

इसके साथ ही सितारों को उदाहरण के लिए सफेद रंग में रंगा जाएगा।



-1

जैसा कि पिछले उत्तर से पता चलता है, रेटिंगबार का रंग बदलना आसान नहीं है। तारों को प्रोग्रामेटिक रूप से नहीं खींचा जाता है, वे निश्चित आकार और विशिष्ट रंग ग्रेडिएंट्स वाली छवियां हैं। रंग बदलने के लिए आपको अलग-अलग रंगों के साथ अपनी स्वयं की स्टार छवियां बनानी होंगी, फिर अपना स्वयं का ड्रा करने योग्य XML संसाधन बनाने के लिए आगे बढ़ें और इसे setProgressDrawable (Drawable d) या XML विशेषता वाले android: progressDrawable का उपयोग करके रेटिंग वर्ग में पास करें।

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.