Android:Come visualizzare una Rating bar

Sviluppiamo un’activity semplice composta da un elemento rating Bar e un bottone che al click ci fa visualizzare il valore del rating espresso. Quindi apriamo eclipse e faccamo click su File –>New->Android Application Project per aprire un nuovo progetto e prima di entrare nello sviluppo del nostro esempio seguiamo alcuni passaggi di configurazione nella serie di schermate che visualizziamo.

Nella prima finestra che visualizziamo diamo il nome al nostro progetto ed andiamo avanti facendo click su “Next”:

rating bar

Nella schermata successiva visualizziamo alcuni parametri come la scelta di un’icona personalizzata per il lancio dell’app,  creare l’activity principale e dove posizionare il contenuto del progetto all’ interno di un Workspace:

rating2

Clicchiamo su “next” e passiamo alla schermata successiva nella quale sceglieremo di utilizzare una blank Activity :

rating3

Andiamo ancora avanti, nell’ultima schermata di configurazione diamo il nome all’activity e al relativo layout:

rating4

<script async src=”//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script>
<!– primo banner –>
<ins class=”adsbygoogle”
style=”display:inline-block;width:300px;height:250px”
data-ad-client=”ca-pub-8057588116784501″
data-ad-slot=”1540374878″></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Rating Bar:Main Layout File

Possiamo adesso inziare con lo sviluppo dell’esempio, apriamo e modifichiamo il file “activity_main.xml” che si trova sotto il percorso “res/layout/” del nostro progetto, eliminiamo la stringa “Hello world” impostata di default da eclipse ed inseriamo gli elementi che vogliamo visualizzare all’interno del layout. L’ Xml sarà il seguente:

[code lang=”xml”]

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_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"
tools:context=".MainActivity" >

<RatingBar
android:id="@+id/ratingBar1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
android:layout_marginTop="32dp" />

<Button
android:id="@+id/button1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/ratingBar1"
android:layout_alignRight="@+id/ratingBar1"
android:layout_below="@+id/ratingBar1"
android:layout_marginTop="40dp"
android:text="Visualizza" />

</RelativeLayout>

[/code]

Definiti gli elementi da visualizzare nel layout possiamo passare al file MainActivity.java che si trova sotto il percorso “src/com.apps.examplerating/”:

MainActivity.java

[code lang=”java”]

package com.apps.examplerating;

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

public class MainActivity extends Activity {

private RatingBar ratingBar;
private Button button1;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);

//chiamata al metodo
addListenerOnButtonClick();
}

public void addListenerOnButtonClick() {

ratingBar = (RatingBar) findViewById(R.id.ratingBar1);
button1 = (Button) findViewById(R.id.button1);

//cliccando sul bottone viene visualizzato il rating espresso
button1.setOnClickListener(new OnClickListener() {

@Override
public void onClick(View v) {
//visualizzo il valore della rating bar
Toast.makeText(MainActivity.this,String.valueOf(ratingBar.getRating()),Toast.LENGTH_SHORT).show();

}
});

}

}

[/code]

Adesso siamo pronti per lanciare e fare il test del nostro esempio, andiamo sul menu di eclipse e facciamo ckick su run->debug  e nella finestra che si apre selezioniamo la voce“Android Application”.

Potete scaricare qui il sorgente dell’applicazione.

Lascia un commento