Вы находитесь на странице: 1из 50

Diploma de Especialización en

Desarrollo de Aplicaciones Móviles


Diseño de interfaces

● Item 1: Creación del proyecto Suma.


● Item 2: Mi Primera Ejecución del proyecto Suma
● Item 3: Algo de Teoría.
● Item 4: Codificación del proyecto Suma.
● Item 5: Mi Segunda Ejecución del proyecto Suma.
Creación del Proyecto Suma
Vamos a crear una App de suma de 2 números que tendrá por objetivo la utilización de
controles básicos, como ya hemos creado la primera App obviamos los pasos de crear la
App Suma , Necesitamos dos etiquetas ( TextView ) , dos textos editables donde
ingresaremos los numero a sumar ( EditText) y dos Buttons que a continuación
mostramos :
Creación del Proyecto Suma
Borramos el TextView para comenzar con una interfaz limpia
Creación del Proyecto Suma
Al comenzar a crear el primer TextView no se olvide de colocar márgenes
Esto permitirá posicionar el control en el lugar designado:
Creación del Proyecto Suma
Ahora crearemos dos TextView:
Creación del Proyecto Suma
Es importante que losTextView posean márgenes no olvide esto es importante
Creación del Proyecto Suma
Ahora crearemos dos editText:
Creación del Proyecto Suma
Ahora crearemos dos editText:
Creación del Proyecto Suma
Ahora comenzamos a trabajar con las propiedades del editText:
Propiedad id
Id es la propiedad que representa el identificador o nombre del control:
Creación del Proyecto Suma
Ahora comenzamos a trabajar con las propiedades del editText:
Propiedad inputType
Utilizamos esta propiedad para que solo nos permita ingresar números:
Creación del Proyecto Suma
Ahora comenzamos a trabajar con las propiedades del editText:
Propiedad inputType
Utilizamos esta propiedad para que solo nos permita ingresar solo números:
Creación del Proyecto Suma
Ahora comenzamos a trabajar con las propiedades del editText:
Propiedad inputType
Utilizamos esta propiedad para que solo nos permita ingresar solo números:
Creación del Proyecto Suma
Ahora creamos un TextView donde mostramos el resultado de la suma
Ahora manipularemos algunas propiedades del TextView:
Creación del Proyecto Suma
No se olvide de los márgenes:
Creación del Proyecto Suma
Observamos todos los Atributos del TextView:
Creación del Proyecto Suma
El id o identificador
Creación del Proyecto Suma
Text(texto) o contenido
Creación del Proyecto Suma
Tipo de Fuente:
Creación del Proyecto Suma
Tipo de Fuente:
Creación del Proyecto Suma
Tamaño de la Fuentes:
Creación del Proyecto Suma
Ahora crearemos dos Buttons :
Creación del Proyecto Suma
Ahora crearemos dos Buttons :
Creación del Proyecto Suma
No se olvide de los márgenes:
Mi Primera Ejecución del proyecto Suma
Ahora probamos la ejecución mediante el emulador para ello es
necesario seguir los siguientes pasos:
Mi Primera Ejecución del proyecto Suma
Ahora probamos la ejecución mediante el emulador para ello es
necesario seguir los siguientes pasos:
Mi Primera Ejecución del proyecto Suma
CARGANDO EL EMULADOR
Mi Primera Ejecución del proyecto Suma

OJO UNA VEZ CARGADO


EL EMULADOR
NO LO CIERRE , VUELVA
A UTILIZARLO
PARA AHORRA TIEMPO
Y RECURSOS
Creación del Proyecto Suma
NO SE OLVIDE INCIALIZAR VALORES DE LOS EDITTEXT
Creación del Proyecto Suma
Una vez finalizado el diseño procedemos a comenzar con la codificación para ello
Observamos lo siguiente:
Codificación del proyecto Suma
Una vez finalizado el diseño procedemos a comenzar con la codificación:
Codificación del proyecto Suma
Una vez finalizado el diseño procedemos a comenzar con la codificación:
Codificación del proyecto Suma
Una vez finalizado el diseño procedemos a comenzar con la codificación:
Codificación del proyecto Suma
Ahora comenzamos codificando creando algunas variables que serán necesarias para
hacer referencia a los objetos de la interfaz
Codificación del proyecto Suma
Ahora comenzamos codificando creando algunas variables que serán necesarias para
hacer referencia a los objetos de la interfaz
Codificación del proyecto Suma
Ahora obtenemos referencia a cada uno de los elementos de
nuestra interfaz mediante el método findViewById :
Codificación del proyecto Suma
Implementar el escucha de eventos:
Los eventos los encontramos en muchos lenguajes de programación, para ello
en Android tenemos disponibles un gran numero distinto de eventos que
podemos tener, desde el touch o clicks, hasta eventos generados por
movimientos en un accelerometro, termometro u otros sensores de los
dispositivos Android.
podemos implementar uno de los eventos mas simples, el OnClickListener,
para escuchar eventos de clicks realizados sobre un boton.

public class MainActivity extends AppCompatActivity implements View.OnClickListener {


Codificación del proyecto Suma
Implementar el escucha de eventos:
Codificación del proyecto Suma
Implementar el escucha de eventos:
Codificación del proyecto Suma
Implementar el escucha de eventos:
Codificación del proyecto Suma
Implementar el escucha de eventos:
Mi Segunda Ejecución del proyecto Suma
Implementar el escucha de eventos:
Mi Segunda Ejecución del proyecto Suma
Implementar el escucha de eventos:
Mi Segunda Ejecución del proyecto Suma
Implementar el escucha de eventos:
Mi Segunda Ejecución del proyecto Suma
Explicación del método
Mi Segunda Ejecución del proyecto Suma
Ahora probamos la ejecución mediante el emulador para ello es
necesario seguir los siguientes pasos:
Mi Segunda Ejecución del proyecto Suma
Ahora que ya tenemos nuestro primer emulador creado , lo
seleccionamos y presionamos clic en el botón OK
Mi Segunda Ejecución del proyecto Suma
CARGANDO EL EMULADOR
Generación del APK
Vamos a Generar el Apk necesario para su
distribución en el Google Play Store
GRACIAS

Вам также может понравиться