In questo articolo vedremo come realizzare un layout diversa in base all'orientamento del dispositivo, se il dispositivo è in posizione verticale (portrait) il layout avrà un determinato aspetto, mentre se il dispositivo è in posizione orizzontale (landscape) il layout avrà un aspetto diverso.
Quando creiamo un nuovo progetto il layout sarà identico per i due tipi di orientamento, ma se vogliamo avere un layout diverso bisogna procedere in questo modo:
PROCEDIMENTO 1:
Ora all'interno della cartella layout verranno creati due file con lo stesso nome dell'originale ma con l'aggiunta della scritta (land) che sta ad indicare che quel file è per l'orientamento in modalità landscape (orizzontale)
Ecco come si presenta il file activity_main.xml Ecco come si presenta il file activity_main.xml (land) Come si può vedere da questi due file è importante che l'id dei vari elementi del layout landscape sia uguale all'id degli elementi del layout portrait:
ad esempio l'oggetto Button con id=button è uguale nei due layout.
PROCEDIMENTO 2:
Nella finestra che appare
inserire nel campo File name: il nome del layout (inserire lo stesso nome del layout principale)
Selezionare Orientation dalla lista Available qualifiers
Quindi premere i pulsante con le doppie frecce verso destra
Ora selezionare Landscape dal menù Screen orientation
Cliccare sul pulsante Finish per concludere la creazione del layout.
Il risultato sarà un file che si chiama activity_main.xml (land) come visto nel procedimento 1 ma con la differenza che questo file è completamente vuoto e quindi va riempito copiando il contenuto del file activity_main.xml all'interno del file appena creato activity_main.xml (land). Modificare poi il layout in modo da renderlo adatto all'orientamento orizzontale.
Attenzione: è importante che l'id dei vari elementi del layout landscape sia uguale all'id degli elementi del layout portrait
Vedi anche Layout telefono e tablet
Vedi anche Layout telefono/tablet verticale/orizzontale
Quando creiamo un nuovo progetto il layout sarà identico per i due tipi di orientamento, ma se vogliamo avere un layout diverso bisogna procedere in questo modo:
PROCEDIMENTO 1:
- Cliccare sul simbolo Orientation for Preview
- Cliccare poi su Create Landscape Variation
- activity_main.xml - layout principale in modalità portrait (verticale)
- activity_main.xml (land) - layout principale in modalità landscape (orizzontale)
Ecco come si presenta il file activity_main.xml Ecco come si presenta il file activity_main.xml (land) Come si può vedere da questi due file è importante che l'id dei vari elementi del layout landscape sia uguale all'id degli elementi del layout portrait:
ad esempio l'oggetto Button con id=button è uguale nei due layout.
Aspetto in modalità portrait (verticale)
Aspetto in modalità landscape (orizzontale)
| Download Project |  |
| Download file APK | |
PROCEDIMENTO 2:
- Selezionare la cartella layout
- Cliccare con il tasto destro
- Selezionare New
- Selezionare Layout resource file
Selezionare Orientation dalla lista Available qualifiers
Quindi premere i pulsante con le doppie frecce verso destra
Il risultato sarà un file che si chiama activity_main.xml (land) come visto nel procedimento 1 ma con la differenza che questo file è completamente vuoto e quindi va riempito copiando il contenuto del file activity_main.xml all'interno del file appena creato activity_main.xml (land). Modificare poi il layout in modo da renderlo adatto all'orientamento orizzontale.
Attenzione: è importante che l'id dei vari elementi del layout landscape sia uguale all'id degli elementi del layout portrait
Vedi anche Layout telefono e tablet
Vedi anche Layout telefono/tablet verticale/orizzontale
Commenti
Posta un commento