Cara membuat Rating Bar di aplikasi Android

Posted by Soundrenaline July 31, 2020 Post a Comment

Di postingan kali ini, kita akan melihat tentang Android rating Bar. RatingBar adalah widget Android yang digunakan untuk memberikan rating Bar dengan ikon bintang. Anda mungkin telah melihat RatingBar ini ketika aplikasi apapun meminta Anda untuk menilai aplikasi diinstal.
Android RatingBar dapat digunakan untuk mendapatkan peringkat dari pengguna. Rating mengembalikan angka Floating-Point. Ini mungkin 2,0, 3,5, 4,0 dll.

Hal ini sangatlah mudah untuk membuat rating di Android. Ikuti langkah di bawah untuk membuat rating Bar.

# Buat proyek baru

Buat proyek baru di Android Studio dari file => proyek baru dan pilih aktivitas kosong dari template.

# Membuat layout

Tarik RatingBar dan Button dari pallete, sekarang pada file activity_main.xml akan seperti ini :

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="fill_parent"
 android:layout_height="fill_parent"
 android:paddingBottom="@dimen/activity_vertical_margin"
 android:paddingLeft="@dimen/activity_horizontal_margin"
 android:paddingRight="@dimen/activity_horizontal_margin"
 android:paddingTop="@dimen/activity_vertical_margin"
 android:orientation="vertical" >
 
 <TextView
 android:id="@+id/rateApp"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:text="Rate this application"
 android:textAppearance="?android:attr/textAppearanceMedium" />
 
 <RatingBar
 android:id="@+id/ratingBar"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:paddingTop="@dimen/activity_vertical_margin"
 android:numStars="5"
 android:stepSize="0.5"
 android:rating="3.0" />
 
 <Button
 android:id="@+id/button"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:paddingTop="@dimen/activity_vertical_margin"
 android:text="Submit" />
 
 <TextView
 android:id="@+id/ratingVal"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:paddingTop="@dimen/activity_vertical_margin"
 android:text=""
 android:textAppearance="?android:attr/textAppearanceLarge" />
 
</LinearLayout>

# Membuat MainActivity

Setelah menambahkan RatingBar ke file tata letak, buka aktivitas terkait dan modifikasi dengan kode di bawah ini.

* File : MainActivity.java

package com.ratingbarexampleapp;
 
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.RatingBar;
import android.widget.TextView;
import android.widget.Toast;
import android.view.View.OnClickListener;
import android.widget.RatingBar.OnRatingBarChangeListener;
 
public class MainActivity extends AppCompatActivity {
 
    private RatingBar ratingBar;
    private Button button;
    private TextView ratingVal;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ratingBar = (RatingBar) findViewById(R.id.ratingBar);
        ratingVal=(TextView) findViewById(R.id.ratingVal);
        ratingBar.setOnRatingBarChangeListener(new OnRatingBarChangeListener() {
 
            public void onRatingChanged(RatingBar ratingBar, float rating, boolean fromUser) {
 
                ratingVal.setText("Current Rating  : "+String.valueOf(rating));
 
            }
        });
        button = (Button) findViewById(R.id.button);
 
        button.setOnClickListener(new OnClickListener() {
 
            @Override
            public void onClick(View v) {
 
                Toast.makeText(MainActivity.this, String.valueOf(ratingBar.getRating()), Toast.LENGTH_LONG).show();
            }
 
        });
 
    }
}

Kita mendapatkan widget referensi dari file layout dan kemudian menggunakan metode RatingBar setOnRatingBarChangeListener untuk mengatur listener untuk RatingBar kita.

# Menjalankan aplikasi

Ketika Anda menjalankan aplikasi, Anda akan mendapatkan di bawah layar :