Como usar RatingBar no Android Studio

Como usar RatingBar no Android Studio

Nesse tutorial vou descrever Como usar RatingBar no Android Studio para que assim você possa usar as estrelas para fazer o rating.

Primeiramente vamos criar um projeto vazio(Empty) para utilizar em nosso projeto de RatingBar.

Se você não sabe como criar um projeto vazio então de uma olhada no tutorial Como criar um projeto no Android Studio.

Nesse projeto vamos fazer uma activity com uma RatingBar que modifica o valor de um textview de acordo com o clique nas estrelas.

Para isso vamos então editar o arquivo de layout chamado activity_main para colocar a RatingBar e o textview que vai ser alterado.

Então deixe o código da sua activity_main de acordo com o seguinte código.

activity_main

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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:layout_width="match_parent"
   android:layout_height="match_parent"
   tools:context=".MainActivity">
    <LinearLayout
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:orientation="vertical"
       app:layout_constraintBottom_toBottomOf="parent"
       app:layout_constraintLeft_toLeftOf="parent"
       app:layout_constraintRight_toRightOf="parent"
       app:layout_constraintTop_toTopOf="parent">
        <RatingBar
           android:id="@+id/rtb"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:numStars="5"
           android:progressTint="#FFC107"
           android:secondaryProgressTint="#FFEB3B"
           android:stepSize="0.1"/>
        <TextView
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:layout_gravity="center"
           android:text="RatingBar" />
        <TextView
           android:id="@+id/tvRating"
           android:layout_width="match_parent"
           android:layout_height="wrap_content"
           android:gravity="center"
           android:text="0"
           android:textSize="20sp"/>
    </LinearLayout>
</androidx.constraintlayout.widget.ConstraintLayout>

Logo depois de ter modificado nosso arquivo de layout vamos inserir a programação para que seja feita a mudança do número quando clicado na quantidade de estrelas.

Vai ser utilizado Kotlin para fazer a programação de nosso projeto.

Para isso vamos então modificar o arquivo MainActivity e deixar o código de acordo com o seguinte.

MainActivity

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        rtb.setOnRatingBarChangeListener { ratingBar, fl, b ->
            tvRating.text = fl.toString()
        }
    }
}

Por fim vamos compilar e executar o nosso projeto para ver como ficou a nossa RatingBar.

Enfim espero poder ter ajudado com mais este tutorial sobre Como usar RatingBar no Android Studio.

Ainda assim se estiver com alguma dúvida entre em nosso canal no telegram clicando no link abaixo.




Rodrigo Leutz
Desenvolvedor Web e Android ( Kotlin e Java )