In Android Studio la prima cosa che dobbiamo fare per creare l'app è definire il layout che deve assumere.
In questo Android ha la possibilità di creare diversi layout, cioè come vengono disposti gli oggetti all'interno dell'app:
Table Layout vuole inserito all'interno di un Linear Layout. Pre creare la struttura tabella bisogna iniziare con il tag <TableLayout e poi al suo interno prima del tag di chiusura </TableLayout> bisogna inserire le righe della tabella utilizzando il tag <TableRow ed al suo interno prima del tag di chiusura </TableRow> inserire le View dell'app.
Le View all'interno del tag <TableRow sono disposte in orizzontale definendo le colonne della tabella. Tramite gli esempi qui sotto si può capire meglio il funzionamento.
ESEMPIO 1: In questo modo viene definita una tabella con due righe e due colonne. La larghezza delle colonne viene definita dalla View con larghezza maggiore.
In questo caso la larghezza della prima colonna è data dalla parola Cognome.
ESEMPIO 2: A differenza del primo esempio è stato aggiunta una terza riga contenente un pulsante posizionato al centro. Per fare questo bisogna inserire questa riga di codice all'interno del tag <TableRow come visualizzato nella riga 47 utilizzando l'attributo gravity="center_horizontal"
ESEMPIO 3: In questo esempio sono state definite due colonne e quattro righe. Da notare la definizione di una TextView vuota nella terza riga (vedi riga da 36 a 39) per far si che i due RadioButton siano incolonnati a destra.
In questo Android ha la possibilità di creare diversi layout, cioè come vengono disposti gli oggetti all'interno dell'app:
- Linear Layout
- Table Layout
- Relative Layout
Table Layout vuole inserito all'interno di un Linear Layout. Pre creare la struttura tabella bisogna iniziare con il tag <TableLayout e poi al suo interno prima del tag di chiusura </TableLayout> bisogna inserire le righe della tabella utilizzando il tag <TableRow ed al suo interno prima del tag di chiusura </TableRow> inserire le View dell'app.
Le View all'interno del tag <TableRow sono disposte in orizzontale definendo le colonne della tabella. Tramite gli esempi qui sotto si può capire meglio il funzionamento.
ESEMPIO 1: In questo modo viene definita una tabella con due righe e due colonne. La larghezza delle colonne viene definita dalla View con larghezza maggiore.
In questo caso la larghezza della prima colonna è data dalla parola Cognome.
ESEMPIO 2: A differenza del primo esempio è stato aggiunta una terza riga contenente un pulsante posizionato al centro. Per fare questo bisogna inserire questa riga di codice all'interno del tag <TableRow come visualizzato nella riga 47 utilizzando l'attributo gravity="center_horizontal"
Download Project | |
Download file APK |
ESEMPIO 3: In questo esempio sono state definite due colonne e quattro righe. Da notare la definizione di una TextView vuota nella terza riga (vedi riga da 36 a 39) per far si che i due RadioButton siano incolonnati a destra.
Commenti
Posta un commento