Cara Menerapkan Contoh Widget RatingBar Android

  • Post
    codeorayo
    Keymaster
    none
    RatingBar  adalah salah satu widget yang berfungsi untuk komponen user interface , yang digunakan untuk peratingan dalam suatu konten. Widget ini banyak digunakan bagi penyedia konten untuk melihat, atau mereview penilaian dari user (pengguna) konten tersebut. Contoh sebut saja : Aplikasi atau Game di Play Store ,saat kita melihat Aplikasi yang dinilai bagus dan berguna untuk kita. Kita tak segan-segan memberi rating 4-5 untuk Aplikasi tersebut. Nah itulah yang disebut widget RatingBar.

    [img]https://4.bp.blogspot.com/-vg6Ju60l6jc/VvfWbSWPARI/AAAAAAAAFLI/MnHlLSNuEm4DwLTyBlhw2oO1-TTP7zyQw/s1600/android-studio-tutorial-development-apps-by-okedroid.png[/img]

    Pada tutorial belajar android kali ini , kita akan mencoba menerapkan widget RatingBar pada Aplikasi yang kita buat.Disini nantinya pengguna dapat memberi rating dari 1-5 lalu ketika memilih tombol Submit dengan menggunakan widget Button ,maka akan menampilkan toast hasil dari rating tersebut.

    1. Buka Project Android Studio kalian

    2. Lalu Salin baris intruksi (codingan) dibawah ke file activity_main.xml 

    activity_main.xml 


    1. http://schemas.android.com/apk/res/android“

    2.                 xmlns:tools=”http://schemas.android.com/tools

    3.                 android:layout_width=”match_parent”

    4.                 android:layout_height=”match_parent”

    5.                 android:paddingBottom=”@dimen/activity_vertical_margin”

    6.                 android:paddingLeft=”@dimen/activity_horizontal_margin”

    7.                 android:paddingRight=”@dimen/activity_horizontal_margin”

    8.                 android:paddingTop=”@dimen/activity_vertical_margin”

    9.                 tools:context=”.MainActivity”>

    10.     

    11.         android:id=”@+id/ratingbar1″

    12.         android:layout_width=”wrap_content”

    13.         android:layout_height=”wrap_content”

    14.         android:layout_alignParentTop=”true”

    15.         android:layout_centerHorizontal=”true”

    16.         android:layout_marginTop=”44dp” />

    17.  

    18.     

    19.         android:id=”@+id/button1″

    20.         android:layout_width=”wrap_content”

    21.         android:layout_height=”wrap_content”

    22.         android:text=”submit”

    23.         android:layout_below=”@+id/ratingbar1″

    24.         android:layout_centerHorizontal=”true”/>

    25.  



    26. 3.Lalu salin baris intruksi (codingan) dibawah ke file java MainActivity.java

      MainActivity.java

      1. package com.okedroid.aplikasisaya;

      2.  

      3.  

      4. import android.os.Bundle;

      5. import android.support.v7.app.AppCompatActivity;

      6. import android.view.View;

      7. import android.view.View.OnClickListener;

      8. import android.widget.Button;

      9. import android.widget.RatingBar;

      10. import android.widget.Toast;

      11.  

      12. public class MainActivity extends AppCompatActivity {

      13.     RatingBar ratingbar1;

      14.     Button button;

      15.     @Override

      16.     protected void onCreate(Bundle savedInstanceState) {

      17.         super.onCreate(savedInstanceState);

      18.         setContentView(R.layout.activity_main);

      19.         addListenerOnButtonClick();

      20.     }

      21.  

      22.     public void addListenerOnButtonClick(){

      23.         ratingbar1=(RatingBar)findViewById(R.id.ratingbar1);

      24.         button=(Button)findViewById(R.id.button1);

      25.         //Performing action on Button Click

      26.         button.setOnClickListener(new OnClickListener(){

      27.  

      28.             @Override

      29.             public void onClick(View arg0) {

      30.                 //Getting the rating and displaying it on the toast

      31.                 String rating=String.valueOf(ratingbar1.getRating());

      32.                 Toast.makeText(getApplicationContext(), rating, Toast.LENGTH_LONG).show();

      33.             }

      34.  

      35.         });

      36.     }

      37.  

      38.  

      39. }


        4. Lalu kita jalankan Aplikasinya di Android Studio

        Hasilnya kurang lebih seperti dibawah:

        [table]

        [tr]

        [/tr]

        [tr]

        [/tr]

        [/table]

        [td][img width=163,height=320]https://4.bp.blogspot.com/-_NHp_7Ak8vM/Vsz-79OW2sI/AAAAAAAAEus/TJmJOALABOE/s320/Hasil-Widget-Rating-Bar-Android.png[/img][/td]
        [td]Hasil Widget RatingBar Android

        [/td]

      • You must be logged in to reply to this topic.