Una aplicación de ejemplo: Asteroides

A lo largo de este libro vamos a ir creando una aplicación de ejemplo que toque los aspectos más significativos de Android. Comenzamos en este capítulo creando una serie de vistas que nos permitirán diseñar un sencillo interfaz de usuario. Si quieres ver cómo quedará la aplicación una vez termines el libro puedes ver el siguiente vídeo:

     video[Tutorial]   Asteroides

Enlaces de interés:

 Asteroides: Puedes descargarte la aplicación de Google Play

 (https://play.google.com/store/apps/details?id=es.upv.asteroides&hl)

Práctica: Creación de la aplicación Asteroides.

1. Crea un nuevo proyecto con los siguientes datos:

Application Name:Asteroides
Package Name:org.example.asteroides
Minimum Required SDK: API 9: Android 2.3 (Gingerbread)
Add an activity: Blank Activity
Activity Name:MainActivity
Layout Name: activity_main
Title: Asteroides
Menu Resource Name: menu_main

NOTA: Deja el resto de los parámetros con su valor por defecto.

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.

Solución:

1. El fichero activity_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="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"    
    android:padding="30dp"
    tools:context=".MainActivity" >
  <TextView
       android:layout_width="match_parent"
       android:layout_height="wrap_content"
       android:text="@string/tituloAplicacion"
       android:gravity="center"
       android:textSize="25sp"
       android:layout_marginBottom="20dp"/>
  <Button
       android:id="@+id/Button01"
       android:layout_height="wrap_content"
       android:layout_width="match_parent"
       android:text="@string/Arrancar"/>
   <Button
       android:id="@+id/Button02"
       android:layout_height="wrap_content"
       android:layout_width="match_parent"
       android:text="@string/Configurar"/>
   <Button
       android:id="@+id/Button03"
       android:layout_height="wrap_content"
       android:layout_width="match_parent"
       android:text="@string/Acercade"/>
  <Button
       android:id="@+id/Button04"
       android:layout_height="wrap_content"
       android:layout_width="match_parent"
       android:text="@string/Salir"/>
</LinearLayout>

2. 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="app_name">Asteroides</string>

    <string name="action_settings"> Configuración </string>

</resources>