Android Studio - Layout varticale e orizzontale

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:

1. Cliccare sul simbolo Orientation for Preview

2. Cliccare poi su Create Landscape Variation

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)

• 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

	<?xml version="1.0" encoding="utf-8"?>
	<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
	xmlns:tools="http://schemas.android.com/tools"
	android:layout_width="match_parent"
	android:layout_height="match_parent"
	android:orientation="vertical"
	tools:context=".MainActivity">
	<TextView
	android:layout_width="wrap_content"
	android:layout_height="wrap_content"
	android:text="Hello World!"
	android:textColor="#000000"
	android:textSize="16sp"/>
	<Button
	android:id="@+id/button"
	android:layout_width="wrap_content"
	android:layout_height="wrap_content"
	android:text="Button" />
	</LinearLayout>

view raw activity_main_layout1.xml hosted with ❤ by GitHub

Ecco come si presenta il file activity_main.xml (land)

	<?xml version="1.0" encoding="utf-8"?>
	<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
	xmlns:tools="http://schemas.android.com/tools"
	android:layout_width="match_parent"
	android:layout_height="match_parent"
	tools:context=".MainActivity">
	<TextView
	android:layout_width="wrap_content"
	android:layout_height="wrap_content"
	android:text="Hello World!"
	android:textColor="#000000"
	android:textSize="16sp"/>
	<Button
	android:id="@+id/button"
	android:layout_width="wrap_content"
	android:layout_height="wrap_content"
	android:text="Button" />
	</LinearLayout>

view raw activity_main_layout1_l.xml hosted with ❤ by GitHub

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:

1. Selezionare la cartella layout

2. Cliccare con il tasto destro
3. Selezionare New
4. Selezionare Layout resource file

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