[ 안드로이드 - 코틀린 ] Dialog에 RatingBar 추가하기

😅  RatingBar 만들면서 겪은 문제점을 적어보겠다 

이번에 커스텀 다이얼로그에 ratingbar를 처음 써보게 됬는데 생각보다 오래 걸려서 기록을 남긴다

 

1. 크기 조절 문제 

2. 색 조절 및 배경 색 조절

3. 클릭 이벤트 작동 안됨

4. 색 잔상 같은 배경이 남음

 

모든 문제점을 해결하고 만들어진 ratingbar 이다 

<RatingBar
    android:id="@+id/dialog_rtb"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:stepSize="1.0"
    android:isIndicator="false"
    android:secondaryProgressTint="@android:color/transparent"
    android:progressBackgroundTint="@color/black"
    android:progressTint="#F2594B"
    android:layout_marginTop="25dp"
    android:layout_gravity="center"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/textView2"
    style="@style/Widget.AppCompat.RatingBar.Indicator"/>

 

1번 문제점은 안드로이드 style에서 위젯 크기를 3가지로 조절할 수 있다 그 이외의 사이즈는 커스텀을 통해 만들어야된다 

 

2번 문제점은 progressTint에서 색을 변경해주는 것으로 해결할 수 있었다 

 

3번 클릭 이벤트는 style을 적용하지 않은 기본 버전은 다른 설정 없이 조절이 가능했지만 1번 사이즈 조절을 하게되면 이벤트가 적용이 되지 않는다 이럴 때는 isIndicator로 사용자가 조절을 할 수 있게 만들어줘야된다

detailDialog.show()
detailDialog.window!!.setBackgroundDrawable(ColorDrawable(Color.TRANSPARENT))

val dialog_btn : AppCompatButton = detailDialog.findViewById(R.id.dialog_btn)
val dialog_rtb : RatingBar = detailDialog.findViewById(R.id.dialog_rtb)

dialog_rtb.setOnRatingBarChangeListener { _, fl, _ ->
    dialog_rtb.rating = fl
}

 

4번 잔상은 하단 사진처럼 왼쪽 부분에 파란색 부분이 나타난다 20분정도 뒤적거리다 저게 그림자아니냐는 친구의 조언으로 stackoverflow를 찾아보니 바로나와버렸다 ^^;;

하단 링크 참조

 

https://stackoverflow.com/questions/46619240/disable-shadow-in-ratingbar