4 - Un primer proyecto de Android

En la lección anterior , creó un proyecto de Android. Cuando crea un nuevo proyecto, verá una pantalla como esta:

El área blanca grande es donde harás toda tu codificación. Se abre el archivo MainActivity.java , en la imagen de arriba. Haga clic en la x pequeña para cerrarla:

Ahora, se muestra el archivo activity_main.xml . Ciérrelo también para dejar solo un área de codificación gris:

El área blanca más pequeña a la izquierda es donde están todos los archivos de su proyecto. El elemento superior izquierdo se llama aplicación . Expanda el elemento de la aplicación para ver tres elementos más: manifiestos , java y res . El elemento de Java se expande en la imagen a continuación y el archivo de Java se resalta:

Para un proyecto simple y en blanco como este, tendrá dos archivos en los que trabajará más. El primer archivo es el archivo Java. Aquí es donde vive el código. El código Java es independiente de cualquier interfaz que diseñe. La interfaz que creará, con la que interactuarán los usuarios, se crea con XML. El archivo Java apunta al archivo XML.

Con el elemento java expandido, debajo del primer elemento de la lista que dice com.homeandlearn.ken.helloandroidworld en la imagen de arriba, debería ver un archivo Java llamado MainActivity . Haga doble clic en este archivo Java para volver a abrirlo. Al hacer doble clic en un archivo en el explorador de proyectos a la izquierda, se abrirá ese archivo en la ventana principal de edición.

Ahora expanda la carpeta res para ver más elementos en esta carpeta. Las carpetas bajo res son dibujables , diseño , mapa mip y valores . Expanda la carpeta de diseño para ver un archivo llamado activity_main.xml :

Cualquier archivo que tenga para una interfaz debe ir en la carpeta de diseño. Ahora haga doble clic en el archivo XML para abrirlo en el editor. Si ha cerrado un archivo XML o Java en el editor, solo recuerde dónde viven: el archivo XML está en la carpeta res> layout y el archivo java está en su carpeta java , bajo el nombre de su proyecto.

Ahora examine el archivo Java:

El archivo Java no tiene muchas líneas. Pero mira esta línea:

setContentView (R.layout.activity_main);

Este es un método de Java llamado setContentView . Establece el archivo XML que desea como diseño principal cuando se inicia la aplicación. Entre paréntesis, necesita el nombre y la ubicación de su archivo de diseño. La letra R entre corchetes es la abreviatura de res . Esta es la carpeta de recursos donde se encuentran las carpetas dibujables, de diseño, mipmap y de valores. La parte layout.activity_main apunta al archivo XML activity_main, que se encuentra en la carpeta de diseño de res. Si desea que se cargue un archivo XML diferente cuando se inicie la aplicación, apunte a un archivo diferente:

setContentView (R.layout.some_other_xml_file);

Echemos un vistazo al archivo XML.

Haga doble clic en el archivo activity_main.xml en la carpeta de diseño. Esto lo abrirá nuevamente en el área de codificación principal:

En el área de codificación, se puede ver un archivo XML en la vista Diseño y la vista Texto. La vista Diseño es donde puede arrastrar y soltar controles en la interfaz de su aplicación. Obviamente, se usa para diseñar su aplicación e intenta adivinar cómo sería cuando se ejecuta en un teléfono o tableta. La versión azul se llama plano. Verá mucho más sobre la vista Diseño en secciones posteriores de este curso.

Haga clic en la pestaña Texto en la parte inferior para ver el XML real que está produciendo la interfaz desde la vista Diseño:

El XML debería verse así:

Veremos lo que significa todo esto en secciones posteriores. Sin embargo, un cambio que puede hacer es en el texto de android: en la parte inferior. En la imagen de arriba, el nuestro dice "¡Hola mundo!". Cámbielo por otra cosa. En la siguiente imagen, la hemos cambiado a "Hola mundo Android":

En la siguiente lección, aprenderá a ejecutar sus aplicaciones en un dispositivo virtual Android y en un dispositivo real.