Сделайте RatingBar вторичным цветом непрозрачным - PullRequest
Новая
       12

Сделайте RatingBar вторичным цветом непрозрачным

0 голосов
/ 07 сентября 2018

Я пытаюсь сделать незаполненные звезды в RatingBar непрозрачным цветом, но это похоже на сложную задачу, состоящую из списков оттенков и режимов PorterDuff. Есть ли надежный способ сделать незаполненные звезды RatingBar действительно непрозрачным цветом? 

val color = ContextCompat.getColor(context, android.R.color.white)
ratingBar.secondaryProgressTintList = ColorStateList.valueOf(white)
ratingBar.secondaryProgressTintMode = PorterDuff.Mode.OVERLAY //whats the sauce?

Незаполненный цвет остается прозрачным, а фон вида наполовину белый!

Ответы [ 4 ]

0 голосов
/ 15 сентября 2018

Звезды в RatingBar - это просто LayerDrawable. Ключом к настройке цвета незаполненных звезд является получение указателя на индекс в пределах LayerDrawable, который содержит описание рисования для незаполненных звезд (индекс = 0). После того, как у нас появится этот объект, мы можем закрасить его "Drawable # setTint ()" для API 21+ или "Drawable # setColorFilter ()" для API <21. </p>

В следующем примере для незаполненных звездочек устанавливается непрозрачный зеленый цвет: 

public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        RatingBar ratingBar = findViewById(R.id.ratingBar);
        LayerDrawable stars = (LayerDrawable) ratingBar.getProgressDrawable();
        int unfilledColor = getResources().getColor(android.R.color.holo_green_dark);
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
            stars.getDrawable(0).setTint(unfilledColor);
        } else {
            stars.getDrawable(0).setColorFilter(unfilledColor, PorterDuff.Mode.SRC_ATOP);
        }
    }
}

enter image description here

0 голосов
/ 10 сентября 2018

Попробуйте этот макет для рейтинга звезды

compile 'com.iarcuschin: simpleratingbar: 0.1.5' 

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

<layout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:bind="http://schemas.android.com/tools">

<data>

    <import type="android.view.View" />

    <variable
        name="feedbackHandler"
        type="id.paypro.ui.handlers.FeedbackHandler"></variable>
</data>

<LinearLayout
android:id="@+id/parent_view"
android:orientation="vertical"
android:background="@color/white"
android:layout_width="match_parent"
android:layout_height="match_parent">

<android.support.v7.widget.Toolbar
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:background="@color/white"
    android:contentInsetLeft="0dp"
    android:contentInsetStart="0dp"
    app:contentInsetLeft="0dp"
    app:contentInsetStart="0dp"
    android:contentInsetRight="0dp"
    android:contentInsetEnd="0dp"
    app:contentInsetRight="0dp"
    app:contentInsetEnd="0dp"
    android:elevation="2dp"
    android:layout_height="?attr/actionBarSize">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <android.support.v7.widget.AppCompatImageView
            android:id="@+id/imgBack"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10dp"
            android:onClick="@{feedbackHandler::onClickBack}"
            android:layout_centerVertical="true"
            android:src="@drawable/ic_back_black"/>

        <TextView
            android:id="@+id/title_toolbar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="@string/feedback"
            android:layout_marginLeft="15dp"
            android:textColor="@color/black"
            android:textSize="20sp"
            style="@style/NormalView"
            android:layout_toRightOf="@+id/imgBack"
            android:layout_centerVertical="true"/>

    </RelativeLayout>

</android.support.v7.widget.Toolbar>

<View
    android:layout_width="match_parent"
    android:visibility="gone"
    android:background="@color/gray"
    android:layout_height="1dp"/>

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="20dp"
    android:layout_marginLeft="10dp"
    android:layout_marginRight="10dp"
    android:orientation="vertical">

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textColor="@color/black"
        android:gravity="center"
        style="@style/NormalView"
        android:textSize="20sp"
        android:text="@string/rate_paypro"/>

    <com.iarcuschin.simpleratingbar.SimpleRatingBar
        android:id="@+id/ratingBar"
        android:layout_width="wrap_content"
        app:srb_stepSize="1.0"
        app:srb_numberOfStars="5"
        android:layout_gravity="center"
        style="?android:attr/ratingBarStyle"
        android:layout_marginTop="10dp"
        android:isIndicator="true"
        app:srb_fillColor="@color/darkOrange"
        app:srb_borderColor="@color/gray"
        android:layout_height="wrap_content" />

</LinearLayout>

<TextView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:textColor="@color/black"
    android:gravity="start"
    android:layout_marginLeft="15dp"
    android:layout_marginRight="10dp"
    android:layout_marginTop="20dp"
    style="@style/NormalView"
    android:textSize="18sp"
    android:text="@string/share_feedback"/>

<EditText
    android:id="@+id/edv_feedback"
    android:layout_marginLeft="15dp"
    android:layout_marginRight="15dp"
    android:layout_width="match_parent"
    android:hint="@string/write_feedback"
    android:layout_marginTop="5dp"
    android:padding="7dp"
    android:maxLines="5"
    android:maxLength="500"
    android:background="@drawable/btn_gray_border"
    android:gravity="start"
    android:textSize="15sp"
    android:layout_height="80dp" />

<TextView
    android:id="@+id/btn_submit"
    android:layout_width="match_parent"
    android:layout_marginLeft="15dp"
    android:layout_marginRight="15dp"
    android:layout_height="45dp"
    android:textSize="20sp"
    android:gravity="center"
    style="@style/NormalView"
    android:enabled="false"
    android:alpha="0.6"
    android:onClick="@{feedbackHandler::onClickSubmit}"
    android:layout_marginTop="18dp"
    android:background="@drawable/button_orange_dark"
    android:textColor="@color/white"
    android:text="@string/submit"/>


</LinearLayout>

</layout>

Код для подсветки по касанию: 

 rateBinding.ratingBar.setOnRatingBarChangeListener(new 
 SimpleRatingBar.OnRatingBarChangeListener() {
        @Override
        public void onRatingChanged(SimpleRatingBar simpleRatingBar, float rating, 
  boolean fromUser) {
            if (rating > 0) {
                ratePayproBinding.btnSubmit.setEnabled(true);
                ratePayproBinding.btnSubmit.setAlpha(1);
            } else {
                ratePayproBinding.btnSubmit.setEnabled(false);
                ratePayproBinding.btnSubmit.setAlpha(0.6f);
            }
        }
    });
0 голосов
/ 15 сентября 2018

Я думаю это может быть библиотека, которую вы ищете.

Пример: 

<com.iarcuschin.simpleratingbar.SimpleRatingBar
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:srb_borderColor="@android:color/transparent"
    app:srb_fillColor="@color/colorAccent"
    app:srb_numberOfStars="5"
    app:srb_rating="3"
    app:srb_starBackgroundColor="@color/colorPrimary"
    app:srb_starSize="40dp"
    app:srb_stepSize="0.5" />

Результат:

result

Вид может быть настроен следующим образом:

  • Установить цвет заливки звезд в нормальном состоянии с помощью app:srb_fillColor / setFillColor(@ColorInt int)
  • Установить цвет фона звезд в нормальном состоянии с помощью app:srb_starBackgroundColor / setStarBackgroundColor(@ColorInt int)
  • Установить цвет заливки звезд в нажатом состоянии с помощью app:srb_pressedFillColor / setPressedFillColor(@ColorInt int)
  • Установить цвет фона звезд в нажатом состоянии с помощью app:srb_pressedStarBackgroundColor / setPressedStarBackgroundColor(@ColorInt int)

Для получения дополнительных параметров конфигурации нажмите здесь .

0 голосов
/ 10 сентября 2018

Вы можете достичь этого, создав собственный файл ресурсов для рисования,

создайте новый файл в каталоге для рисования с именем rating_state.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/blank_star" /> <!-- here is drawable you should add blank image -->
    <item android:id="@android:id/secondaryProgress" android:drawable="@drawable/blank_star" />
    <item android:id="@android:id/progress" android:drawable="@drawable/full_star" /> <!-- here is drawable you want to show when rating selected -->
</layer-list>

затем в вашей рейтинговой строке добавьте свойство: 

android:progressDrawable="@drawable/rating_state"
...