Embed Size (px)
Citation preview
Primer Ejemplo en Android Studio
Diseño y Desarrollo De App Para Móviles
PRIMER EJEMPLO EN ANDROID STUDIO
Por: Pedro Antonio Villalta
Blog de Android Apphttp://programacion-moviles.blogspot.com/
Primer Ejemplo en Android Studio
Diseño y Desarrollo De App Para Móviles
Creación del Proyecto
Vista de Diseño y Código
Depuración y Ejecución del Proyecto
Enlace a guía de instalación de driverspara depurar en dispositivo físico
Contenido
2
Primer Ejemplo en Android Studio
Diseño y Desarrollo De App Para Móviles
3
Creación de Primer Proyecto Android Studio
Primer Ejemplo en Android Studio
Diseño y Desarrollo De App Para Móviles
Pantalla de Bienvenida
4
Primer Ejemplo en Android Studio
Diseño y Desarrollo De App Para Móviles
Crear Nuevo Proyecto… y personalizar los siguientes campos:
Nombre de la aplicación: el nombre de la aplicación. Que Será usado en Google Play.
Nombre del módulo: Utilizado por Android Studio. Puede ser igual al nombre de la aplicación.
Nombre del paquete: Identificador único para la aplicación (App).
Primer Proyecto Android Studio
5
Primer Ejemplo en Android Studio
Diseño y Desarrollo De App Para Móviles
Ventana Nuevo Proyecto…
6
Primer Ejemplo en Android Studio
Diseño y Desarrollo De App Para Móviles
SDK mínimo requerido: versión de Android mínima necesaria para correr la aplicación. Es mejor usar paquetes intermedios.
SDK objetivo: máxima versión de Android con la que podrá ejecutarse la aplicación.
Nivel de lenguaje: versión de Java con la que se desarrollará la aplicación. Recomendable Java 6 porque la única manera de que la App soporte todas las características de Java 7 es eligiendo API 19 como SDK mínimo.
Ícono de la aplicación: el ícono que representará la aplicación. Si ya tienes un imagen seleccionada marca el casillero “createcustom launcher icon”
Primer Proyecto Android Studio
7
Primer Ejemplo en Android Studio
Diseño y Desarrollo De App Para Móviles
Nuevo Proyecto…API Devices
8
Primer Ejemplo en Android Studio
Diseño y Desarrollo De App Para Móviles
Seleccionamos “Continuar” y elegimos la opción “Actividad en blanco”.
Crear Actividad en Blanco
9
Primer Ejemplo en Android Studio
Diseño y Desarrollo De App Para Móviles
Siguiente pantalla dejamos igual y damos Finish.
10
Primer Ejemplo en Android Studio
Diseño y Desarrollo De App Para Móviles
Entorno Android Studio
11
Primer Ejemplo en Android Studio
Diseño y Desarrollo De App Para Móviles
Árbol de Directorios del Proyecto
12
Primer Ejemplo en Android Studio
Diseño y Desarrollo De App Para Móviles
En la parte izquierda de la ventana de AndroidStudio, podemos cambiar la vista del árbol decarpetas del proyecto.
Las tres vistas más utilizadas son:
Vista Project
Vista Android
Vista Packages
Modos de Vista de Carpetas del Proyecto
13
Primer Ejemplo en Android Studio
Diseño y Desarrollo De App Para Móviles
Vista de Carpetas en Modo Project
14
Primer Ejemplo en Android Studio
Diseño y Desarrollo De App Para Móviles
Lo primero que debemos distinguir son los conceptos de proyecto y módulo.
La entidad proyecto es única, y engloba a todos los demás elementos. Dentro de un proyecto podemos incluir varios módulos.
Vistas de Carpetas del Proyecto
15
Primer Ejemplo en Android Studio
Diseño y Desarrollo De App Para Móviles
AndroidManifest.xml en Vista Project
16
Desde el listado “Project”, podemos encontrar el AndroidManifest dentro de “Nombre de App / src / main / AndroidManifest.xml”.
Primer Ejemplo en Android Studio
Diseño y Desarrollo De App Para Móviles
Activity.xml en Vista Project
17
La Activity que hemos creado se encuentran en “Nombre de App / src / main / java / Paquete de App”.
Primer Ejemplo en Android Studio
Diseño y Desarrollo De App Para Móviles
Carpeta de Recursos en Vista Project
18
Los recursos de la App se encuentran en la carpeta “Nombre de App / src / main / res / carpetas “layout” y “menu”.
Primer Ejemplo en Android Studio
Diseño y Desarrollo De App Para Móviles
El siguiente código crea un control TextView.
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceLarge"
android:text=“Primer Ejemplo"
android:id="@+id/textView"
android:layout_alignParentTop="true"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true" />
Ejemplo de Control TextView
19
Primer Ejemplo en Android Studio
Diseño y Desarrollo De App Para Móviles
Tenemos dos opciones para la depuración:
1. Usar Dispositivo Android Virtual
2. Conectar cable USB y probar directamente en elteléfono.
Depuración de la App
20
Primer Ejemplo en Android Studio
Diseño y Desarrollo De App Para Móviles
Vamos a Configuración
Opción Aplicaciones
Opción Desarrollo
Seleccionamos Depuración de USB
Con esta configuración activada Android Studiodepura la app si el teléfono está conectado con cableUSB.
Nota: Ver recomendaciones de seguridad, activarsolo para pruebas.
Activar Depuración de USB en teléfono
21
Primer Ejemplo en Android Studio
Diseño y Desarrollo De App Para Móviles
Pedro Antonio Villalta
Si la presentación fue útil, compártela y recomienda el blog.
Diseño y Desarrollo De App Para Móviles
Primer Ejemplo en Android Studio
Diseño y Desarrollo De App Para Móviles
http://programacion-moviles.blogspot.com/
http://www.programandoamedianoche.com/
Guía instalación de drivers para depurar en dispositivo
físico:
http://programacion-moviles.blogspot.com/2015/08/depuracion-de-
aplicaciones-android-studio-en-dispositivo-fisico.html
Recursos de Contenido
