LABORATORIO 2.

2: Integrador

1. Crea un nuevo proyecto con los siguientes datos:

 
Application Name: Asteroides
Project Name: Asteroides
Package Name: org.example.asteroides
Minimun Requiered SDK: API 7: Android 2.1 (Eclair)
Target SDK: API 17: Android 4.2
Compile With: API 17: Android 4.2
Activity Name: Asteroides
Layout Name: main
NOTA: Los dos últimos parámetros se introducen en la última ventana.
2.  Abre el fichero res/Layout/main.xml y trata de crear una vista similar a la que ves a
continuación. Ha de estar formada por un LinearLayout que contiene un TexView y
cuatro Button. Trata de utilizar recursos para introducir los cinco textos que aparecen.

Integrador

3. El fichero main.xml ha de ser similar al siguiente:

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:gravity="center"
    android:padding="30dip"
    tools:context=".Asteroides" >
  <TextView 
      android:layout_width="fill_parent"
      android:layout_height="wrap_content"
      android:text="@string/tituloAplicacion"
      android:gravity="center"
      android:textSize="25sp "
      android:layout_marginBottom="20dip"/>
  <Button android:id="@+id/Button01"
      android:layout_height="wrap_content"
      android:layout_width="fill_parent"
      android:text="@string/Arrancar"/>
  <Button android:id="@+id/Button02"
      android:layout_height="wrap_content"
      android:layout_width="fill_parent"
      android:text="@string/Configurar"/>
  <Button android:id="@+id/Button03"
      android:layout_height="wrap_content"
      android:layout_width="fill_parent"
      android:text="@string/Acercade"/>
  <Button android:id="@+id/Button04"
      android:layout_height="wrap_content"
      android:layout_width="fill_parent"
      android:text="@string/Salir"/>
  </LinearLayout>
 

4. El fichero res/values/strings.xml ha de tener el siguiente contenido:

<resources>
    <string name="Arrancar">Jugar</string>
    <string name="Configurar">Configurar</string>
    <string name="Acercade">Acerca de </string>
    <string name="Salir">Salir</string>
    <string name="tituloAplicacion">Asteroides</string>
    <string name="hello">Hello World, Asteroides! </string>
    <string name="app_name">Asteroides</string>
</resources>

5. Ejecuta la aplicación creada en el punto anterior en el emulador.

6. Los teléfonos móviles basados en Android permiten cambiar la configuración en apaisado y
en vertical. Para conseguir este efecto con el emulador pulsa Ctrl+F11. Si observas el
resultado de la vista que acabas de diseñar en vertical no queda todo lo bien que
desearíamos.

Integrador

Para resolver este problema Android te permite diseñar una vista diferente para la
configuración horizontal y otra para vertical.
7. Crea la carpeta res/layout-land.
8. Copia en ella el fichero main.xml.Para ello selecciona el fichero y pulsa Ctrl-C.
Selecciona la carpeta destino y pulsa Ctrl-V.
9. Crea una vista similar a la que ves a continuación: formada por un LinearLayout que
contiene unTexView y un TableLayout con dos Button por columna.

Integrador
10. Ejecuta de nuevo la aplicación y observa como la vista se ve correctamente en las dos
orientaciones.

11. Has de obtener un código XML similar al siguiente:

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:gravity="center"
    android:padding="30dip"
    tools:context="Asteroides"  >
  <TextView 
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:text="@string/tituloAplicacion"
    android:gravity="center"
    android:textSize="25sp"
    android:layout_marginBottom="20dip"/>
  <TableLayout
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:gravity="center"
    android:stretchColumns="*">
    <TableRow>
      <Button android:id="@+id/Button01"
           android:layout_height="wrap_content"
           android:layout_width="fill_parent"
           android:text="@string/Arrancar"/>
      <Button android:id="@+id/Button02"
           android:layout_height="wrap_content"
           android:layout_width="fill_parent"
           android:text="@string/Configurar"/>
    </TableRow>
    <TableRow>
      <Button android:id="@+id/Button03"
           android:layout_height="wrap_content"
           android:layout_width="fill_parent"
           android:text="@string/Acercade"/>
      <Button android:id="@+id/Button04"
            android:layout_height="wrap_content"
           android:layout_width="fill_parent"
           android:text="@string/Salir"/>
       </TableRow>
  </TableLayout>
</LinearLayout>
 
NOTA: Para conseguir en un TableLayout, que las columnas se ajusten a todo el ancho de
la tabla poner  stretchColumns="*". stretchColumns="0"significa que asigne el ancho
sobrante a la primera columna.stretchColumns="1"significa que asigne el ancho sobrante
a la segunda columna. stretchColumns="*"significa que asigne el ancho sobrante entre
todas las columnas.

Android utiliza una lista de sufijos para expresar recursos alternativos. Estos sufijos pueden
hacer referencia a la orientación del dispositivo, al lenguaje, la región, la densidad de píxeles,
la resolución, el método de entrada.

Traducción en Android

12. Crea la carpeta res/values-en.
13. Copia en ella el fichero strings.xml.
14. Traduce en este fichero todas las cadenas al inglés.
15. Ejecuta la aplicación en el emulador y verifica que la aplicación está en inglés.
16. Vamos a cambiar la configuración de idioma del emulador. Para ello, accede a Ajustes del
dispositivo (Settings) y selecciona la opción Idioma e introducción. Dentro de esta opción
selecciona como idiomaEspañol. NOTA:Observa que en otros idiomas permite seleccionar
tanto el idioma como la región. Por desgracia, para el español solo permite dos regiones
España y Estados Unidos.
17. Ejecuta de nuevo la aplicación y observa cómo ha traducido el texto.