Redes Sociais
 Telegram  YouTube
Como usar RatingBar no Android Studio
8 de novembro de 2019
Android / Básico / Kotlin / XML

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.





Autor: Rodrigo Leutz

Desenvolvedor Web e Android ( Kotlin e Java )


Começando a programar na linguagem Kotlin – Parte 5

Nesse tutorial Começando a programar na linguagem Kotlin – Parte 5 vamos ver strings e intervalos para que assim seja possível entrar em laços.[...]

7 de fevereiro de 2020

Vídeo 11: Pegar endereço com o CEP Kotlin

Nesse Vídeo 11: Pegar endereço com o CEP Kotlin vou descrever como fazer a parte da programação assim você vai imprimir o endereço na tela.[...]

4 de janeiro de 2020

Vídeo 10: Pegar endereço com o CEP Kotlin

Nesse Vídeo 10: Pegar endereço com o CEP Kotlin vou descrever como fazer o layout do aplicativo para assim poder fazer a programação. Vou[...]

4 de janeiro de 2020