UNA APLICACIÓN DE EJEMPLO: MIS LUGARES

Transcripción

1 Ayuda Objetivos: Crear el proyecto de la aplicación Mis Lugares, que será desarrollada a lo largo del curso. UNA APLICACIÓN DE EJEMPLO: MIS LUGARES En este curso vamos a crear una aplicación de ejemplo. Tendrá por nombre Mis Lugares y permitirá que los usuarios guarden información relevante sobre los sitios que suelen visitar (restaurantes, tiendas, etc.). En este apartado comenzaremos creando una aplicación Android que contendrá un formulario para dar de alta y editar un lugar. Esta primera versión no almacenará los datos introducidos. Práctica: Creación de la aplicación Mis Lugares y formulario de edición. 1. Crea un nuevo proyecto con los siguientes datos: Application Name: Mis Lugares Package Name: org.example.mislugares Minimum Required SDK: API 9: Android 2.3 (Gingerbread) Add an activity: Blank Activity Activity Name: MainActivity Layout Name: activity_main Title: Mis Lugares Menu Resource Name: menu_main NOTA: Los cuatro últimos parámetros se introducen en la última ventana. 2. Abre el fichero res/layout/ activity_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 TextView y cuatro Button. Trata de utilizar recursos para introducir los cinco textos que aparecen.

2 Solución: 1. El fichero activity_main.xml ha de ser similar al siguiente: <LinearLayout xmlns:android=" xmlns:tools=" android:layout_height="match_parent" android:orientation="vertical" android:gravity="center" android:padding="30dp" tools:context=".mainactivity" > android:gravity="center" android:textsize="25sp" android:layout_marginbottom="20dp"/> <Button <Button <Button <Button </LinearLayout> 2. El fichero res/values/strings.xmlha de tener el siguiente contenido: <resources> <string name="accion_mostrar">mostrar Lugares</string> <string name="accion_preferencias">preferencias</string> <string name="accion_acerca_de">acerca de </string> <string name="accion_salir">salir</string> <string name="app_name">mis Lugares</string> <string name="action_settings">settings</string> </resources> Práctica: Un formulario para introducir nuevos lugares. El objetivo de esta práctica es crear un layout que permita introducir y editar lugares en la aplicación Mis Lugares. 1. Crea un nuevo layout con nombre edicion_lugar.xml.

3 2. Ha de parecerse al siguiente formulario. Puedes basarte en un LinearLayout o un RelativeLayout para distribuir los elementos. Pero es importante que este layout, se encuentre dentro de un ScrollView para que cuando el formulario no quepa en pantalla se pueda desplazar verticalmente. 3. Introduce a la derecha del TextView con texto Tipo: un Spinner con id tipo. Más adelante configuraremos esta vista para que muestre un desplegable con los tipos de lugares. 4. Las vistas EditText han de definir el atributo id con los valores: nombre, direccion, telefono, url y comentario. Utiliza también el atributo hint para dar indicaciones sobre el valor a introducir. Utiliza el atributo inputtype para indicar qué tipo de entrada esperamos. De esta manera se mostrará un teclado adecuado (por ejemplo si introducimos un correo electrónico aparecerá la Nota: El atributo inputtype admite los siguientes valores (en negrita los que has de utilizar en este ejercicio): none, text, textcapcharacters, textcapwords, textcapsentences, textautocorrect, textautocomplete, textmultiline, textimemultiline, textnosuggestions, texturi, text address, text subject, textshortmessage, textlongmessage, textpersonname, textpostaladdress, textpassword, textvisiblepassword, textwebedittext, textfilter, textphonetic, textweb address, textwebpassword, number, numbersigned, numberdecimal, numberpassword, phone, datetime, date y time. 5. Abre la clase MainActivity y reemplaza: setcontentview(r.layout.activity_main); por setcontentview(r.layout.edicion_lugar); 6. Ejecuta la aplicación y verifica como cambia el tipo de teclado en cada EditText 7. Deshaz el cambio realizado en el punto 5. Solución: <ScrollView xmlns:android=" > <RelativeLayout android:orientation="vertical" > android:id="@+id/t_nombre" android:text="nombre:"

4 android:hint="algo que identifique el lugar" > <requestfocus/> </EditText> android:text="tipo:" <Spinner /> android:text="dirección:" android:hint="dirección del lugar" android:inputtype="textpostaladdress" /> android:text="telefono:" android:hint="teléfono para contactar" android:inputtype="phone" />

5 android:text="url:" android:hint="página web" android:inputtype="texturi" /> android:text="comentario:" android:hint="introduce tus notas" android:inputtype="textmultiline" /> </RelativeLayout> </ScrollView>