Skip to content
Android Blog Italia

Android Blog Italia

Tutto quello che devi sapere sul mondo Android e della tecnologia

Primary Menu
  • News
    • Visualizza Tutto
    • Smartphone
    • Tablet
    • Accessori
    • TUTTI GLI ARTICOLI
  • Guide
    • Visualizza Tutto
    • ProgrammazioneGuide di programmazione
  • Recensioni
    • Visualizza TuttoCategoria relativa alle recesioni dedicate a smartphone, tablet, pc e dispositivi legati al mondo della Tecnologia.
  • Applicazioni
    • Visualizza tutto
  • Giochi
    • Visualizza Tutto
  • Guide e tutorial per Android
  • Programmazione

Guida programmazione Android – Lezione 4: View

Redazione 17/08/2013
lezione4

lezione4Oggi parleremo delle View (in particolare delle ImageView) e della loro gestione,e di come creare l’interfaccia grafica della nostra applicazione.

Per prima cosa dal Package Explorer creiamo una nuova cartella dentro res e la chiamiamo“drawable”:Per fare questo basta cliccare col tasto destro del mouse, New->Folder. Copiamo in questa cartella 3 semplici immagini, una rossa una gialla e una blu. Potete trovarle qui.

Apriamo ora il file activity_main.xml, cancelliamo la scritta “Hello world” e tramite l’interfaccia drag&drop trasciniamo una ImageView (si trova sotto la voce Images & Media) sull’anteprima.  Nella schermata che compare selezioniamo come file l’immagine red.png. Ripetiamo lo stesso procedimento anche per il file blue.png e yellow.png. Disponete i colori come in figura. A fine operazione l’interfaccia dovrebbe essere simile a questa:

view

Ritorniamo ora nel file MainActivity.java e scriviamo questo codice:

ImageView red_view=(ImageView)findViewById(R.id.imageView1);
ImageView yellow_view=(ImageView)findViewById(R.id.imageView2);
ImageView blue_view=(ImageView)findViewById(R.id.imageView3);

Senza entrare troppo in particolari di programmazione, con questo codice è come se creassimo una corrispondenza fra le immagini del layout e il nostro codice Java.

ATTENZIONE: Se eclipse vi dà errore,è perché non avete incluso la libreria “ImageView”.Come spiegato nelle lezioni precedenti,basta premere CTRL+SHIFT+O per includerla automaticamente. Ricordatevi di salvare sempre i file prima dell’esecuzione (CTRL+SHIFT+S).

Se provate ad eseguire ora l’applicazione, vedrete le tre immagini colorate ma non succederà niente al tocco: vogliamo che appaia un Toast (ne abbiamo parlato nella lezione 2) con scritto il colore su cui abbiamo premuto. Per fare questo,dobbiamo scrivete questo codice:

red_view.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
Toast t=Toast.makeText(MainActivity.this,"ROSSO", Toast.LENGTH_SHORT);
t.show();
}
});

Abbiamo così definito che quando verrà cliccata l’immagine rossa, verrà visualizzato un toast con la scritta “ROSSO”. Facciamo lo stesso anche per la yellow_view e la blue_view tramite questo codice:

yellow_view.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
Toast t=Toast.makeText(MainActivity.this,"GIALLO", Toast.LENGTH_SHORT);
t.show();
}
});

blue_view.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
Toast t=Toast.makeText(MainActivity.this,"BLUE", Toast.LENGTH_SHORT);
t.show();
}
});

Tutto il codice dovrebbe ora apparire così:

public class MainActivity extends Activity {
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		Toast t=Toast.makeText(this,"AndroidBlog", Toast.LENGTH_SHORT);
		t.show();
		ImageView red_view=(ImageView)findViewById(R.id.imageView1);
		ImageView yellow_view=(ImageView)findViewById(R.id.imageView2);
		ImageView blue_view=(ImageView)findViewById(R.id.imageView3);

		red_view.setOnClickListener(new View.OnClickListener() {
			@Override
			public void onClick(View v) {
				Toast t=Toast.makeText(MainActivity.this,"ROSSO", Toast.LENGTH_SHORT);
				t.show();
			}
		});
		yellow_view.setOnClickListener(new View.OnClickListener() {
			@Override
			public void onClick(View v) {
				Toast t=Toast.makeText(MainActivity.this,"GIALLO", Toast.LENGTH_SHORT);
				t.show();
			}
		});
		blue_view.setOnClickListener(new View.OnClickListener() {
			@Override
			public void onClick(View v) {
				Toast t=Toast.makeText(MainActivity.this,"BLU", Toast.LENGTH_SHORT);
				t.show();
			}
		});
	}
}

Per chi non ha conoscenze di programmazione, prendete il tutto così come è, se invece avete esperienza in Java potete approfondire l’argomento e comprendere meglio ogni parte del codice dalla documentazione ufficiale Android qui.
Ricordiamo inoltre che tramite Eclipse basta spostare il mouse su un elemento del codice per visualizzarne i dettagli.

Puoi guardare tutte le lezioni passate consultando l’indice del corso di programmazione android

Continue Reading

Previous: Guida programmazione Android – Lezione 3: ADB e AVD
Next: Galaxy S4: è ora di personalizzarlo!

Articoli Correlati

Come disattivare il GPS dello smartphone Come funziona il GPS
  • Guide e tutorial per Android
  • News su Android, tutte le novità
  • Sticky

Come disattivare il GPS dello smartphone

12/09/2023
Top 5 motivi per cui Cammus C5 è migliore della concorrenza Top 5 motivi per acquistare Cammus C5
  • Guide e tutorial per Android
  • News su Android, tutte le novità

Top 5 motivi per cui Cammus C5 è migliore della concorrenza

11/09/2023
Come personalizzare il setup di Cammus C5 Come personalizzare il setup di Cammus C5
  • Guide e tutorial per Android
  • News su Android, tutte le novità

Come personalizzare il setup di Cammus C5

01/09/2023

Ultime News

Apple voleva acquisire Microsoft Bing nel 2020 Microsoft Edge spia attraverso Bing
  • News su Android, tutte le novità

Apple voleva acquisire Microsoft Bing nel 2020

Redazione 30/09/2023
Mentre il caso antitrust del Dipartimento di Giustizia USA contro Google prosegue, continuiamo a saperne di più...
Leggi tutto
Google permetterà agli editori di escludere i loro articoli dall’addestramento di IA generative Google Bard AI accesso alle app Google

Google permetterà agli editori di escludere i loro articoli dall’addestramento di IA generative

30/09/2023
Apple consiglia di non usare i cavi USB-C degli smartphone Android con iPhone 15 iphone-15-usb-c-port

Apple consiglia di non usare i cavi USB-C degli smartphone Android con iPhone 15

29/09/2023
Google Podcast chiude i battenti: la nuova casa dei podcast è YouTube Google Podcast chiusura

Google Podcast chiude i battenti: la nuova casa dei podcast è YouTube

29/09/2023
Google rimuoverà la modalità “HTML di base” di Gmail nel 2024 Gmail logo

Google rimuoverà la modalità “HTML di base” di Gmail nel 2024

28/09/2023
Copyright © Tutti i diritti riservati | MoreNews by AF themes.
×

Questo sito utilizza i cookie, anche di terze parti, per garantirvi una esperienza di utilizzo ottimale.
Si rinvia all'informativa estesa per ulteriori informazioni. La prosecuzione nella navigazione (click, scroll, ...) comporta l'accettazione dei cookie.

 

Ok