Wiki: Página creada con «==Introdución== * Algúns dispositivos deixan rotar a pantalla, poñéndoa en posición horizontal-vertical (apaisado-retrato) *Se queremos ter un deseño diferente para c...»

2016-11-07T19:38:22Z

Página creada con «==Introdución== * Algúns dispositivos deixan rotar a pantalla, poñéndoa en posición horizontal-vertical (apaisado-retrato) *Se queremos ter un deseño diferente para c...»

Página nueva

==Introdución==
* Algúns dispositivos deixan rotar a pantalla, poñéndoa en posición horizontal-vertical (apaisado-retrato)
*Se queremos ter un deseño diferente para cada orientación, debemos de crear un cartafol dentro de ‘res’ de nome '''/res/layout-land'''.
*Aquí dentro poñemos os deseños que queiramos ter cunha orientación apaisada do dispositivo, mentres que deixaremos en '''/res/layout''' os deseños para unha orientación vertical.

'''Nota''': no emulador, para cambiar a orientación debemos premer os botóns '''CTRL+F11''' ou '''7''' no teclado numérico, sen estar activado o teclado numérico.

*Antes de continuar abre a calculadora nun AVD ou no dispositivo real e cambia a orientación do dispositivo/AVD. Notas algunha diferencia cando o dispositivo está en Vertical a cando o está en Horizontal?.

Veremos máis adiante, na sección [http://informatica.iessanclemente.net/manuais/index.php/Internacionalizaci%C3%B3n Internacionalización], como podemos xerar estes 'sufixos' de forma automática cando creamos o arquivo de recurso.

*'''Referencias''':
**Diferentes pantallas: http://developer.android.com/training/basics/supporting-devices/screens.html

==Caso práctico==
*Crear o proxecto: '''U2_40_Landscape'''
*Crear en '''/res''' o cartafol '''layout-land'''.
*Definir o XML vertical
*Copiar o XML vertical á nova carpeta e modificalo segundo as necesidades.

<gallery caption="Cambio de orientación" widths="350" heights="300px" perrow="2">
Image:Android_2013_U2_40_Landscape_01.jpg| Os ficheiros dos layouts para cada orientación
Image:Android_2013_U2_40_Landscape_02.jpg| O dispositivo en vertical dispón os elementos de forma distinta
Image:Android_2013_U2_40_Landscape_03.jpg| ... a se está en apaisado
</gallery>

===XML layout vertical===
<syntaxhighlight lang="xml" line enclose="div" highlight="1" >
<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"
android:gravity="center" >

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="#00F"
android:textSize="18sp"
android:text="O dispositivo está en posición vertical" />

<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:onClick="oMeuMetodo"
android:text="Botón 1" />

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center_horizontal"
android:text="Esta etiqueta só se amosa cando o dipositivo está en vertical" />

</LinearLayout>

</syntaxhighlight>

===XML layout horizontal===
*Observar que falta unha etiqueta, a disposición e distinta, etc.
*Neste caso os botóns en Vertical e en Apaisado chaman ao mesmo método.

<syntaxhighlight lang="xml" line enclose="div" highlight="1" >
<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="horizontal" >

<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:onClick="oMeuMetodo"
android:text="Botón 1" />

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="O dispositivo está en posición horizontal"
android:textColor="#F0F"
android:textSize="18sp" />

</LinearLayout>
</syntaxhighlight>

<br> -- [[Usuario:angelfg|Ángel D. Fernández González]] e [[Usuario:Carrion|Carlos Carrión Álvarez]] -- (2015).

Deseños diferentes en función da orientación do dispositivo - Historial de revisiones

Wiki: Página creada con «==Introdución== * Algúns dispositivos deixan rotar a pantalla, poñéndoa en posición horizontal-vertical (apaisado-retrato) *Se queremos ter un deseño diferente para c...»