Passa ai contenuti principali

Android Studio - Tabbed Activity: costruire l'app all'interno delle schede

In questo articolo vedremo come costruire la propria alla all'interno delle schede.

Dopo aver creato la base con TabActivity descritta in questo articolo e creati i vari layout che compongono l'app occorre creare il codice in modo che l'app interagisca con l'utente.
All'interno della cartella layout contenuta nella cartella res ci saranno i seguenti file:
  • activity_main.xml
  • fragment1.xml
  • fragment2.xml
  • ecc..
  • fragment_main.xml
All'interno della cartella java ci saranno i seguenti file:
  • Fragment1.kt
  • Fragment2.kt
  • ecc..
  • MainActivity.kt
In questo esempio vedremo come creare l'app all'interno dei layout:
  • fragment1.xml
  • fragment2.xml
e di conseguenza creare il codice all'interno dei seguenti file:
  • Fragment1.kt
  • Fragment2.kt

Ecco come si presenta il file fragment1.xml Ecco come si presenta il file Fragment1.kt
Ecco come si presenta il file fragment2.xml Ecco come si presenta il file Fragment2.kt
In questo esempio ho voluto differenziare i due layout in quanto il primo è un semplicissimo layout con un pulsante che se premuto viene visualizzato il nome della scheda, mentre nel secondo layout vengono eseguiti dei calcoli matematici.

A livello di codice, la differenza è che nel primo layout se viene orientato lo schermo si perde il contenuto che è stato inserito nella TextView dopo aver premuto il pulsante.
Nel secondo layout se viene orientato lo schermo non si perde il contenuto delle due TextView in quanto è stata utilizzata la funzione onSaveInstanceState() che abbiamo visto in questo articolo con l'unica differenza che non viene utilizzata la funzione onRestoreInstanceState().
Il salvataggio dello stato precedente e il suo ripristino vengono eseguiti in questo modo:
con queste righe di codice viene eseguito il salvataggio dello stato: e recuperato lo stato precedente con queste righe di codice
Layout fragment1 in posizione portrait (verticale)
Layout fragment1 in posizione landscape (orizzontale)
Come si può vedere quando si orienta lo schermo viene ripristinato il contenuto della TextView allo stato originale.

Layout fragment2 in posizione portrait (verticale)
Layout fragment2 in posizione landscape (orizzontale)
Come si può vedere quando si orienta lo schermo viene ripristinato lo stato precedente delle due TextView.

Ecco un video dimostrativo


Download Project
Download file APK


Vedi anche Tabbed Activity: creazione delle schede
Vedi anche Tabbed Activity: personalizzazione
Vedi anche Tabbed Activity: aggiungere OptionMenu in ActionBar

Commenti

Post popolari in questo blog

Android Studio - Impostare lingua app

In questo articolo vedremo come poter selezionare la lingua all'interno della nostra app. Nel precedente articolo in cui si parlava del file string.xml , la lingua dell'app veniva selezionata automaticamente in base alle impostazioni del dispositivo, mentre qui vedremo come poter selezionare a proprio piacimento la lingua che dovrà avere la nostra app indipendentemente dall'impostazione del dispositivo. Per prima cosa creare il layout Ecco un esempio do come può essere il file activity_main.xml Ora creare le stringhe di testo all'interno del file string.xml Ora creare la traduzione del file string.xml nelle varie lingua come descritto in questo articolo Il risultato sarà una serie di file string.xml delle varie lingue impostate. Ora queste di seguito sono tre funzioni che servono per: selezione della lingua salvataggio della selezione nelle preferenze dell'app caricamento della lingua quando si avvia l'app Ecco come si presenta il file Main

Arduino - Lettura tensione potenziometro e display LCD

Leggere il valore di un poteziometro (parte 2) Oggi vedremo come leggere il valore in tensione di un potenziometro collegato al pin Analogico A0 di Arduino.

Android Studio - Impostare uno sfondo sfumato

In Android Studio è possibile creare uno sfondo sfumato senza dover creare una immagine apposta per questo scopo. Per fare questo occorre seguire questi semplici passaggi: Aprire la cartella res Cliccare con il tasto destro sulla cartella drawable Selezionare New Selezionare Drawable resource file Dare un nome al file ad esempio gradient_background Cliccare sul pulsante OK per confermare Una volta aperto il file gradient_background.xml inserire le seguenti righe di codice: Alla riga 6 inserire l'angolo che definisce la direzione della sfumatura (valori da 0 a 360) Alla riga 7 inserire il colore di partenza in formato esadecimale Alla riga 8 inserire il colore finale in formato esadecimale Per quanto riguarda i colori è possibile utilizzare il sito webgradients.com in modo da poter utilizzare le sfumature proposte o creare le proprie sfumature personalizzate. Una volta creato il file che definisce lo sfondo passare al layout ed impostare l'attibuto backgr