Beispiel für eine Android-Bewertungsleiste

Beispiel für eine Android-Bewertungsleiste

In Android können Sie "http://developer.android.com/reference/android/widget/RatingBar.html[android.widget.RatingBar]" verwenden, um die Bewertungsbalkenkomponente als Sternsymbol anzuzeigen. Der Benutzer kann die Sterne berühren, ziehen oder anklicken, um den Bewertungswert einfach festzulegen.

In diesem Tutorial zeigen wir Ihnen, wie Sie mit XML eine Bewertungsleiste, einige Textansichten und eine Schaltfläche anzeigen. Wenn der Benutzer auf den Stern der Bewertungsleiste klickt, wird der ausgewählte Bewertungswert in der Textansicht angezeigt. Wenn der Benutzer auf die Schaltfläche klickt, wird der ausgewählte Bewertungswert als unverankerte Nachricht (Toastnachricht) angezeigt.

P.S This project is developed in Eclipse 3.7, and tested with Android 2.3.3.

1. Bewertungsleiste

Öffnen Sie die Datei „res/layout/main.xml“, fügen Sie eine Bewertungsbalkenkomponente, einige Textansichten und eine Schaltfläche hinzu.

Note
Die Bewertungsleiste enthält viele konfigurierbare Werte. In diesem Fall enthält die Bewertungsleiste 4 Sterne, die jeweils den Wert 1,0 erhöhen. Sie enthält also den Mindestwert 1,0 (1 Stern) und den Höchstwert 4,0 (4 Sterne). Außerdem wurde standardmäßig der 2. Stern (2.0) ausgewählt.

Datei: res / layout / main.xml




    

    

    

2. Code Code

Fügen Sie innerhalb der Aktivitätsmethode „onCreate()“ einen Listener an die Bewertungsleiste an und feuern Sie, wenn der Bewertungswert geändert wird. Ein anderer Listener auf der Schaltfläche wird ausgelöst, wenn auf die Schaltfläche geklickt wird. Lesen Sie den Kommentar des Codes, er sollte selbsterklärend sein.

Datei: MyAndroidAppActivity.java

package com.example.android;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.RatingBar;
import android.widget.RatingBar.OnRatingBarChangeListener;
import android.widget.TextView;
import android.widget.Toast;

public class MyAndroidAppActivity extends Activity {

  private RatingBar ratingBar;
  private TextView txtRatingValue;
  private Button btnSubmit;

  @Override
  public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);

    addListenerOnRatingBar();
    addListenerOnButton();

  }

  public void addListenerOnRatingBar() {

    ratingBar = (RatingBar) findViewById(R.id.ratingBar);
    txtRatingValue = (TextView) findViewById(R.id.txtRatingValue);

    //if rating value is changed,
    //display the current rating value in the result (textview) automatically
    ratingBar.setOnRatingBarChangeListener(new OnRatingBarChangeListener() {
        public void onRatingChanged(RatingBar ratingBar, float rating,
            boolean fromUser) {

            txtRatingValue.setText(String.valueOf(rating));

        }
    });
  }

  public void addListenerOnButton() {

    ratingBar = (RatingBar) findViewById(R.id.ratingBar);
    btnSubmit = (Button) findViewById(R.id.btnSubmit);

    //if click on me, then display the current rating value.
    btnSubmit.setOnClickListener(new OnClickListener() {

        @Override
        public void onClick(View v) {

            Toast.makeText(MyAndroidAppActivity.this,
                String.valueOf(ratingBar.getRating()),
                    Toast.LENGTH_SHORT).show();

        }

    });

  }
}

3. Demo

Führen Sie die Anwendung aus.

1. Ergebnis, der 2. Stern ist standardmäßig ausgewählt.

android rating demo1

2. Berühren Sie den 3. Stern,rating value is changed, um den aktuell ausgewählten Wert im Ergebnis anzuzeigen (Textansicht).

android rating demo2

3. Berühren Sie den 1. Stern undclick on the submit button, der aktuell ausgewählte Wert wird als schwebende Meldung angezeigt.

android rating demo3

Quellcode herunterladen

Laden Sie es herunter -Android-RatingBar-Example.zip (15 KB)