상세 컨텐츠

본문 제목

[안드로이드 코틀린] 별점(RatingBar) 만드는 방법

안드로이드

by aries574 2022. 7. 21. 10:56

본문


이번 시간에는 별점(RatingBar)을 만들어서 값이 변경하면 텍스트뷰에 변경된 값을 보여주는 방법을 알아보겠습니다.


목차

1. 실행 화면
2. 메인 화면 구현 activity_main.xml
3. 메인 코드 구현 MainActivity.kt


1. 실행 화면

 


2. 메인 화면 구현 activity_main.xml

- 설명 -

1. 변경된 별점 값 보여주는 TextView

2. 별점 표시해주는 RatingBar

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/mainLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">


    <TextView
        android:id="@+id/score_text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_above="@id/ratingBar"
        android:layout_centerHorizontal="true"
        android:text="0"
        android:textSize="40sp"
        android:textStyle="bold" />

    <RatingBar
        android:id="@+id/ratingBar"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true" />
</RelativeLayout>

 


3. 메인 코드 구현 MainActivity.kt

- 설명 -

1. RatingBar.OnRatingBarChangeListener 

별점 값이 변경되면 실행되는 이벤트

2. scoreText.setText( "$rating 점")

변경된 값을 텍스트뷰에 적용

class MainActivity : AppCompatActivity(){
    
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        //객체 선언
        val scoreText: TextView = findViewById(R.id.score_text)
        val ratingBar: RatingBar = findViewById(R.id.ratingBar)

        //별점 이벤트(별점이 변경되면 실행됨)
        ratingBar.onRatingBarChangeListener =
            RatingBar.OnRatingBarChangeListener {
                    ratingBar, rating, fromUser ->
                scoreText.text = "$rating 점"
            }

    }//onCreate

}

2022.07.20 - [안드로이드] - [안드로이드 코틀린] 기본 카메라 사진 찍고 이미지뷰에 보여주는 방법(StartActivityForResult deprecated 해결방법)

 

[안드로이드 코틀린] 기본 카메라 사진 찍고 이미지뷰에 보여주는 방법(StartActivityForResult deprecated

이번 시간에는 기본 카메라 앱을 실행시켜 사진을 찍고, 이미지뷰(ImageView)에 보여주는 방법을 알아보겠습니다. 목차 1. 실행 화면 2. 메인 화면 구현 activity_main.xml 3. 메인 코드 구현 MainActi

aries574.tistory.com

2022.07.19 - [안드로이드] - [안드로이드 코틀린] 텍스트(EditText) 입력 체크 및 버튼(Button) 활성화

 

[안드로이드 코틀린] 텍스트(EditText) 입력 체크 및 버튼(Button) 활성화

이번 시간에는 문자를 입력하는 EditText에 값의 유무에 따라 버튼이 활성화/비활성화되는 방법을 알아보겠습니다. 목차 1. 실행 화면 2. 메인 화면 구현 activity_main.xml 3. 메인 코드 구현 MainA

aries574.tistory.com

2022.07.18 - [안드로이드] - [안드로이드 코틀린] 포커스 이벤트 숫자(천 단위) 콤마 넣는 방법

 

[안드로이드 코틀린] 포커스 이벤트 숫자(천 단위) 콤마 넣는 방법

이번 시간에는 OnFocusChangeListener을 사용해서 EditText에 숫자를 입력하면 포커스 상태에 따라 콤마 표시를 해주는 방법에 대하여 알아보겠습니다. 목차 1. 실행 화면 2. 메인 화면 구현 activity_mai

aries574.tistory.com

 

반응형

관련글 더보기

댓글 영역