Android: изменить цвет рейтинга на золотой
Я хочу изменить цвет рейтинга на золотой.
Я не хочу настраивать звезды, я просто хочу изменить цвет для API 16 или выше
Я попробовал следующие решения, но ни одно из них не сработало для меня
1.
RatingBar ratingBar = (RatingBar) findViewById(R.id.ratingBar);
LayerDrawable stars = (LayerDrawable) ratingBar.getProgressDrawable();
stars.getDrawable(2).setColorFilter(Color.YELLOW, PorterDuff.Mode.SRC_ATOP);
2.
android:progressDrawable="@color/golden" in XML
9 ответов
Эта опция теперь включена в библиотеку AppCompat. AppCompat версия RatingBar используется автоматически.
http://developer.android.com/reference/android/support/v7/widget/AppCompatRatingBar.html
Пример (из моего собственного приложения):
<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"/>
С темой:
<style name="RatingBar" parent="Theme.AppCompat">
<item name="colorControlNormal">@color/duskYellow</item>
<item name="colorControlActivated">@color/lightGrey</item>
</style>
Просто добавьте эту строку в XML (API 21 и выше)
android:progressTint="@color/color"
Как вы упомянули, вы хотите изменить цвет звезды без использования рисования. Вы можете сделать это несколькими строками кода, как показано ниже.
RatingBar ratingBar = (RatingBar) findViewById(R.id.ratingBar);
Drawable drawable = ratingBar.getProgressDrawable();
drawable.setColorFilter(Color.parseColor("#0064A8"),PorterDuff.Mode.SRC_ATOP);
Моей задачей было изменить цвет строки рейтинга на основной цвет приложения для Android > = 14 SDK. Я решил эту проблему в коде и в файле XML.
mRatingBar = (RatingBar)view.findViewById(R.id.ratingBar);
if (Build.VERSION.SDK_INT < Build.VERSION_CODES.LOLLIPOP) {
try {
Drawable progressDrawable = mRatingBar.getProgressDrawable();
if (progressDrawable != null) {
DrawableCompat.setTint(progressDrawable, ContextCompat.getColor(getContext(), R.color.colorPrimary));
}
} catch (Exception e) {
e.printStackTrace();
}
}
И в XML-файле
<RatingBar
android:id="@+id/ratingBar"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:backgroundTint="@color/colorPrimary"
android:numStars="5"
android:progressTint="@color/colorPrimary"
android:rating="0"
android:secondaryProgressTint="@android:color/transparent"
android:stepSize="1" />
Мой вариант использования состоял в том, чтобы показать разные цвета для разных рейтингов. Например:
1- красный
2- оранжевый
3- Желтый
4- светло-зеленый
5- темно-зеленый
Решение:
ratingBar.setOnRatingBarChangeListener(new RatingBar.OnRatingBarChangeListener() {
@Override
public void onRatingChanged(final RatingBar ratingBar, final float rating, final boolean fromUser) {
setCurrentRating(rating);
}
});
Тогда в вашем setCurrentRating()
метод:
private void setCurrentRating(float rating) {
LayerDrawable drawable = (LayerDrawable)rateOverall.getProgressDrawable();
if(mContext!=null) {
switch (Math.round(rating)) {
case 1:
setRatingStarColor(drawable.getDrawable(2), ContextCompat.getColor(mContext, R.color.dark_red));
break;
case 2:
setRatingStarColor(drawable.getDrawable(2), ContextCompat.getColor(mContext, R.color.light_orange));
break;
case 3:
setRatingStarColor(drawable.getDrawable(2), ContextCompat.getColor(mContext, R.color.light_yellow));
break;
case 4:
setRatingStarColor(drawable.getDrawable(2), ContextCompat.getColor(mContext, R.color.light_green_review));
break;
case 5:
setRatingStarColor(drawable.getDrawable(2), ContextCompat.getColor(mContext, R.color.dark_green));
break;
}
setRatingStarColor(drawable.getDrawable(1), ContextCompat.getColor(mContext, R.color.transparent));
setRatingStarColor(drawable.getDrawable(0), ContextCompat.getColor(mContext, R.color.light_grey_payment));
}
}
Тогда в вашем setRatingStarColor()
метод:
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);
}
}
Благодаря этому ответу, который помог мне решить эту проблему. Надеюсь, это поможет кому-то!
Из XML
android:progressTint="#ffff8800"
Программно:
Drawable drawableReview = bar.getProgressDrawable();
drawableReview.setColorFilter(Color.parseColor("#ffff8800"),
PorterDuff.Mode.SRC_ATOP);
Попробуй это,
Вам нужны 3-звездочные изображения (red_star_full.png, red_star_half.png и red_star_empty.png) и один XML-файл. Если вы хотите получить золотую звезду, используйте изображение золотой звезды. это для красной звезды.
Вы можете поместить ratingbar_color.xml в res/drawable.
<?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/>
Используйте этот код, чтобы перейти через линию
Drawable drawableReview = writeReviewRatingBar.getProgressDrawable();
drawableReview.setColorFilter(Color.parseColor("#FFFDD433"), PorterDuff.Mode.SRC_ATOP);
Простое решение, используйте AppCompatRatingBar и используйте приведенный ниже код
ratingbar.setProgressTintList(ColorStateList.valueOf(ContextCompat.getColor(context, R.color.colorAccent)));
RatingBar ratingreview;
ratingreview=(RatingBar)v.findViewById(R.id.ratingreview);
ratingreview.setRating(Float.parseFloat(objrating));
Drawable drawable = ratingreview.getProgressDrawable();
drawable.setColorFilter(Color.parseColor("#6A9A28"), PorterDuff.Mode.SRC_ATOP);
Изменение цвета и размера шкалы рейтинга:
<RatingBar
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:numStars="5"
android:layout_marginLeft="10dp"
android:layout_marginTop="5dp"
style = "?android:attr/ratingBarStyleIndicator"
android:progressTint="#ffff8800"
android:rating="3.5"
android:focusable="false"
android:focusableInTouchMode="false"
android:theme="@style/RatingBar" />
Если вы работаете на kitkat, который по умолчанию показывает синюю звезду вместо желтой и золотой, добавьте эту строку: style="@style/Base.Widget.AppCompat.RatingBar.Small"
Самое простое решение, которое я нашел, - это изменение определения цвета для цвета "colorAccent" в файле color.xml. Это целая магия без дальнейшего кодирования.
Лучше всего использовать новые изображения для звезд желаемого цвета со списком слоев, как показано в этом ответе.
Невозможно просто изменить цвет с помощью какого-либо свойства, так как ресурсы изображения используются в строке рейтинга. поэтому создание списка слоев с вашими изображениями - единственный выход.
Другое решение с использованием Kotlin Extensions, которое позволяет установить другой цвет в зависимости от диапазона рейтинга:
Функции и свойства расширения:
var RatingBar.colorScheme: Map<Float, Int>?
get() = getTag(R.id.rating_bar_color_scheme) as Map<Float, Int>?
set(value) = setTag(R.id.rating_bar_color_scheme, value)
fun RatingBar.setColorByRating(rating: Float) {
val colorScheme = getTag(R.id.rating_bar_color_scheme) as Map<Float, Int>
colorScheme[rating]?.also { color -> setLayerColor(2, color) }
setLayerColor(1, ContextCompat.getColor(context, android.R.color.transparent))
setLayerColor(0, ContextCompat.getColor(context, android.R.color.darker_gray))
}
fun RatingBar.setLayerColor(layerIndex: Int, color: Int) {
val drawable = progressDrawable as LayerDrawable
drawable.getDrawable(layerIndex).also {
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
DrawableCompat.setTint(it, color)
} else {
it.setColorFilter(color, PorterDuff.Mode.SRC_IN)
}
}
}
Для использования:
val red = ContextCompat.getColor(requireContext(), R.color.redColor)
val yellow = ContextCompat.getColor(requireContext(), R.color.yellowColor)
val green = ContextCompat.getColor(requireContext(), R.color.greenLightColor)
rbStars?.colorScheme = mapOf(
1.0F to red,
2.0F to red,
3.0F to yellow,
4.0F to green,
5.0F to green
)
rbStars?.setColorByRating(rating)