Como usar RatingBar no Android Studio
Android Básico Kotlin XML

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

package br.com.uware.ratingbar

import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import kotlinx.android.synthetic.main.activity_main.*

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.





Rodrigo Leutz
Desenvolvedor Web e Android ( Kotlin e Java )
https://uware.com.br