Passa ai contenuti principali

Android Studio - Tabbed Activity: creazione delle schede

In questo articolo vedremo come realizzare e personalizzare un layout basato su schede (chiamate Tab) come mostrato nell'immagine qui sotto.

Per prima cosa occorre creare un nuovo progetto selezionando Tabbed Activity
Ora all'interno della cartella java del nostro progetto sono presenti alcuni file oltre al classico MainActivity.kt
Questi file servono per gestire e creare le varie schede che compongono il layout della nostra app, in particolar modo il file SectionsPagerAdapter.kt, nel quale bisogna definire il numero di schede, il loro titolo e quali layout visualizzare quando selezioniamo una scheda.

Ora dopo aver creato il progetto occorre creare le varie schede che vogliamo inserire all'interno della nostra app.
  1. Cliccare con il tasto destro sulla cartella con il nome del nostro progetto
  2. Selezionare New

  1. Selezionare Fragment
  2. Selezionare Fragment (Blank)
Ora bisogna definire alcune impostazioni del file
  1. Nella casella Fragment Name: dare il nome al Fragment (file .kt che riguarda il codice della scheda)
  2. Selezionare Create layout XML
  3. Nella casella Fragment Layout Name: dare il nome al layout Fragment (file .xml che riguarda il layout della scheda)
  4. Deselezionare Include fragment factory methods?
  5. Deselezionare Include interface callbacks?
  6. Cliccare sul pulsante Finish per confermare la creazione del file
Procedere dal punto 1 al punto 10 per ogni scheda che si vuole aggiungere al progetto.
Se vogliamo tre schede occorre creare tre file Fragment.kt con i relativi tre layout.

Ecco come si presenta il file SectionsPagerAdapter.kt Alla righa 9 vengono definiti i nomi delle schede tramite un array recuperando il testo dal file strings.xml
Dalla riga 26 alla riga 32 viene associato il Fragment (precedentemente creato al punto 2) in base alla posizione della scheda (La prima scheda ha come valore 0).
Alla righa 36 viene definito il titolo della scheda recuperandolo dall'array
Alla righa 41 viene definito il numero totale di schede in base al numero di elementi all'interno dell'array.

Ecco invece come si presenta il file activity_main.xml

Il contenuto delle varie schede è definito nei file .xml creati precedentemente al punto 6

Ecco un video dimostrativo


Download Project
Download file APK


Vedi anche Tabbed Activity: personalizzazione
Vedi anche Tabbed Activity: costruire l'app all'interno delle schede
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...

Android Studio - Rinominare il progetto

Rinominare il progetto Android Studio ATTENZIONE!: non eseguire questa procedura se l'app è stata pubblicata su Google Play Store Quando si vuole cambiare nome al progetto: nome cartella in cui è contenuto il progetto package name bisogna eseguire questi passaggi: Andare nella cartella dove è contenuto il progetto Creare una copia del progetto in questione Rinominare la cartella copiata con il nome dell'app (non usare spazi tra le parole) Ora è necessario dire ad Android Studio il nome del nuovo progetto  Aprire Android Studio Aprire il progetto creato in precedenza Una volta caricato il progetto cliccare Build Cliccare Clean Project Attendere che venga eseguito il processo di "pulitura" Cliccare ancora su Build Cliccare su Rebuild Project Attendere che venga ricostruito il progetto Ora aprire la cartella app fino a visualizzare la cartella java Cliccare sull'ingranaggio  Deselezionare la voce Compact Middle Packa...

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.