RatingBar đang nhận được bán trong suốt

Question

Tôi đang sử dụng RecyclerView với RatingBar trong mỗi hàng. Bây giờ, đôi khi một phần của RatingBar s được vẽ không chính xác. Sau khi rời khỏi màn hình và quay trở lại, tất cả trở lại bình thường. Tôi không biết tại sao điều này xảy ra, tôi thậm chí đã xóa bất kỳ kiểu nào từ RatingBar do đó nó phải có giao diện mặc định.

Đây là cách nó trông:

Thử nghiệm trên Nexus 6P (Android 7.1.1). Cũng được thử nghiệm trên Samsung Galaxy J3 (2016) (Android 5.1.1) và không có vấn đề gì ở đây.

Tôi cũng đã thêm

holder.rbRating.requestLayout(); 

trong onBindViewHolder(). Nó làm giảm vấn đề một chút, nhưng nó vẫn còn hiện diện. Khi tôi cuộn một hàng "xấu" ra khỏi màn hình khi nó được tái sử dụng thì có vẻ ổn.

Dưới đây là cách bố trí hàng:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:paddingTop="@dimen/main_margin_top" 
    android:paddingBottom="@dimen/main_margin_top" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" > 

    <TextView 
     android:id="@+id/tvRatingTitle" 
     android:text="Czystość wody" 
     android:textSize="16sp" 
     android:textStyle="bold" 
     android:layout_centerHorizontal="true" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" /> 

    <RatingBar 
     android:id="@+id/rbRating" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_marginTop="4dp" 
     android:isIndicator="true" 
     android:layout_centerHorizontal="true" 
     android:layout_below="@+id/tvRatingTitle" 
     android:numStars="5" 
     android:rating="2.5" 
     android:stepSize="0.1" /> 

    <CheckBox 
     android:id="@+id/chkMissing" 
     android:text="Zaznacz jeśli nie ma" 
     android:layout_centerHorizontal="true" 
     android:layout_below="@+id/rbRating" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" /> 

</RelativeLayout> 

Tôi cũng đã thử chuyển sang android.support.v7.widget.AppCompatRatingBar, nhưng nó không thực hiện bất kỳ sự khác biệt.

EDIT:

giải pháp @Muhib Pirani dường như được làm việc, nhưng tôi có 2 vấn đề nhỏ:

1) trên Nexus 6P lớp đầu tiên của ngôi sao đang offsetted bởi vài điểm ảnh (phóng to để xem):

2) Mở Samsung Galaxy J3 (2016) nó trông như thế này:

Tôi ổn với đường viền nhưng tôi muốn chúng có màu xanh lục (không phải màu xám, nền cũng phải có màu xám) trong các ngôi sao trống.

Answer 1

Tôi cũng gặp phải sự cố tương tự. Tôi đã phải lập trình thiết lập màu sắc để RatingBar như thế này và nó làm việc:

LayerDrawable layerDrawable = (LayerDrawable) ratingBar.getProgressDrawable(); 
layerDrawable.getDrawable(2).setColorFilter(ContextCompat.getColor(context, R.color.colorPrimaryDark), PorterDuff.Mode.SRC_ATOP); 
layerDrawable.getDrawable(1).setColorFilter(ContextCompat.getColor(context, R.color.colorPrimaryDark), PorterDuff.Mode.SRC_ATOP); 
layerDrawable.getDrawable(0).setColorFilter(ContextCompat.getColor(context, R.color.editTextBor), PorterDuff.Mode.SRC_ATOP);//when not selected color. 

Giữ layerDrawable.getDrawable(2) và layerDrawable.getDrawable(1) cùng màu.

Answer 2

Tôi cũng gặp sự cố với RatingBar gốc, vì vậy tôi quyết định sử dụng MaterialRatingBar. Nó giải quyết mọi vấn đề của tôi.

Hy vọng điều này sẽ giúp