Aplicaciones Móviles y en la Nube: Interfaz Gráfica y Gestión de Eventos

APLICACIONES MOVILES Y EN LA NUBE

Interfaz gráfica y gestión de eventos de aplicaciones móviles

• 3. Interfaz gráfica y gestión de eventos de aplicaciones móviles
• 3.1 Controles básicos
• 3.2 Controles de selección
• 3.3 Integración de controles
• 3.4 Gestión de preferencias
• 3.5 Interfaz táctil audio y video

INTERFAZ GRÁFICA Y GESTIÓN DE EVENTOS DE APLICACIONES MÓVILES

La belleza simple de Android

El diseño en Android está basado en una pulcritud brillante en la composición de la interfaz. Cada gráfico, botón y texto está acompañado por la idea de limpieza visual pero, a la vez, deslumbra con pequeños detalles.

- 10 James, me.2 Jo Hannah Cho Thịnh giá - Ke - un grand thải phụ and ----------- Typing -easier Promotions O 1 Jay Birdsong 12 15/16 q t yu O P asdfgh 1 Peter, Brittany, me 4 x C v b n m 1 Exclusive Electricals E AUNITEC

INTERFAZ GRÁFICA Y GESTIÓN DE EVENTOS DE APLICACIONES MÓVILES

iPhone, en busca de la ligereza visual

Dejando atrás el estilo que lo marcó hasta su versión 6, iOS defiende actualmente una ideología compartida también con otros sistemas operativos: despojarse de elementos innecesarios, privilegiando el contenido sobre el contenedor.

A ..... 00 29 Nicanor <Mintajes Conticas Capar to Byvan a cupertino A q les esptiques como solucionarlo Con gusto lộn explico en 1 Enviar QWERTYUIOP ASDFGHJKL ZXCVBNM O Newsstand itore 120 0UNITEC

CONTROLES BÁSICOS

Vista (View)

Las vistas son los elementos que componen la interfaz de usuario de una aplicación: por ejemplo, un botón o una entrada de texto.

Todas las vistas van a ser objetos descendientes de la clase View, y por tanto, pueden ser definidas utilizando código Java.

CONTROLES BÁSICOS

Vista (View) XML

Sin embargo, lo habitual será definir las vistas utilizando un fichero XML y dejar que el sistema cree los objetos por nosotros a partir de este fichero. Esta forma de trabajar es muy similar a la definición de una página web utilizando código HTML.

CONTROLES BÁSICOS

Layout

Un layout es un conjunto de vistas agrupadas de una determinada forma. Vamos a disponer de diferentes tipos de layouts para organizar las vistas de forma lineal, en cuadrícula o indicando la posición absoluta de cada vista. Los layouts también son objetos descendientes de la clase View. Igual que las vistas, los layouts pueden ser definidos en código, aunque la forma habitual de definirlos es utilizando código XML.

1 1 L 1 ContentPresenter ContentView ScrollView Frame TemplatedViev StackLayout AbsoluteLayout RelativeLayout Grid FlexLayout 1 1 1 L 1 1 1 1UNITEC

CONTROLES BÁSICOS

Actividad (Activity)

Una aplicación en Android va a estar formada por un conjunto de elementos básicos de visualización, coloquialmente conocidos como pantallas de la aplicación.

En Android cada uno de estos elementos, o pantallas, se conoce como actividad. Su función principal es la creación de la interfaz de usuario. Una aplicación suele necesitar varias actividades para crear la interfaz de usuario

CONTROLES BÁSICOS

Actividad (Activity) Independiente

Las diferentes actividades creadas serán independientes entre sí, aunque todas trabajarán para un objetivo común. Una actividad se define en una clase descendiente de Activity y utiliza un layout para que define su apariencia.

First Activity Second Activity This is the second Activity Click me AUNITEC

CONTROLES BÁSICOS

Fragmentos (Fragment)

La llegada de las tabletas trajo el problema de que las aplicaciones de Android ahora deben soportar pantallas más grandes. Si diseñamos una aplicación pensada para un dispositivo móvil y luego la ejecutamos en una tableta, el resultado no suele resultar satisfactorio.

Fragment A Fragment B Fragment A Fragment B O O 0 0 AUNITEC

CONTROLES BÁSICOS

Fragmentos (Fragment) y Vistas

Para ayudar al diseñador a resolver este problema, en la versión 3.0 de Android aparecen los fragments. Un fragment está formado por la unión de varias vistas para crear un bloque funcional de la interfaz de usuario. Una vez creados los fragments, podemos combinar uno o varios fragments dentro de una actividad, según el tamaño de pantalla disponible.

A CLASES ayudantia choses tareas nvientUNITEC

CONTROLES BÁSICOS

Servicio (Service)

Un servicio es un proceso que se ejecuta "detrás", sin la necesidad de una interacción con el usuario. Es algo parecido a un demonio en Unix o a un servicio en Windows. Se utilizan cuando queramos tener en ejecución un código de manera continua, aunque el usuario cambie de actividad. En Android disponemos de dos tipos de servicios: servicios locales, que son ejecutados en el mismo proceso, y servicios remotos, que son ejecutados en procesos separados.

CONTROLES BÁSICOS

Intención (Intent)

Una intención representa la voluntad de realizar alguna acción; como realizar una llamada de teléfono, visualizar una página web. Se utiliza cada vez que queramos:

• Lanzar una actividad
• Lanzar un servicio
• Enviar un anuncio de tipo broadcast
• Comunicarnos con un servicio

A Intent Intent startActivity() onCreatel) Activity A Android System Activity B 1 2 3UNITEC

CONTROLES BÁSICOS

Intención (Intent) y Componentes

Los componentes lanzados pueden ser internos o externos a nuestra aplicación. También utilizaremos las intenciones para el intercambio de información entre estos componentes.

Dial call Implicit Intent Map location Open WebPage Intent Start Activity Explicit Intent Services Broadcast AUNITEC

CONTROLES BÁSICOS

Receptor de anuncios (Broadcast Receiver)

Un receptor de anuncios recibe anuncios broadcast y reacciona ante ellos. Los anuncios broadcast pueden ser originados por el sistema (por ejemplo: Batería baja, Llamada entrante) o por las aplicaciones. Las aplicaciones también pueden crear y lanzar nuevos tipos de anuncios broadcast. Los receptores de anuncios no disponen de interfaz de usuario, aunque pueden iniciar una actividad si lo estiman oportuno.

A Android system 1. Register for Broadcast intent 2. enReceive() Broadcast receiverUNITEC

CONTROLES BÁSICOS

Proveedores de Contenido (Content Provider)

En muchas ocasiones las aplicaciones instaladas en un terminal Android necesitan compartir información. Android define un mecanismo estándar para que las aplicaciones puedan compartir datos sin necesidad de comprometer la seguridad del sistema de ficheros. Con este mecanismo podremos acceder a datos de otras aplicaciones, como la lista de contactos, o proporcionar datos a otras aplicaciones.

My App Other App Content Providers Implementation ContentResolver 1UNITEC

CONTROLES DE SELECCIÓN

Control de Selección de Opciones

Es un control que nos permite seleccionar una opción entre una lista de posibilidades, permitiendo así poder interactuar con el usuario, mostrándole información y realizando diferentes acciones cuando este selecciona un elemento u otro.

RadioButton Incidencia Nº 218 Tipo de asistencia: RADIOBUTTON Remota Telefónica Presencial Asistencia Seleccionada: Registro Vacío AUNITEC

CONTROLES DE SELECCIÓN

Control CheckBox

Se suele utilizar para marcar o desmarcar opciones en una aplicación, y en Android está representado por la clase del mismo nombre, CheckBox.

Lo implementa la Clase CheckBox (Hereda de la Clase TextView), que proporciona dos estados (checked y unchecked), para poder marcar o desmarcar opciones al realizar click sobre el.

CheckBox Control Sample checkBox1 checkBox2 checkBox3 AUNITEC

CONTROLES DE SELECCIÓN

RadioButton Clase

La Clase RadioButton (Hereda de la Clase CompoundButton y TextView) permite al usuario seleccionar una opción a partir de un conjunto.

A diferencia de un CheckBox, este tipo de control se utiliza cuando deseamos que el resto de las opciones posibles sean excluidas de la selección. Este tipo de componente es muy útil para mostrar las posibilidades de selección de que dispone el usuario.

RadioButton 1 RadioButton 2 RadioButton 3 AUNITEC

CONTROLES DE SELECCIÓN

Spinner

La Clase Spinner nos proporciona una manera rápida de seleccionar un valor de una lista desplegable. En su estado normal, mostrará el valor seleccionado.

Al pulsar sobre el control mostrará una lista desplegable con todos los valores disponibles desde dónde el usuario podrá seleccionar el que estime oportuno. Similar al componente ComboBox de otros FrameWork de desarrollo.

0 11.37 ListView Elemn1 Elem2 Elemn4 Elem5 AUNITEC

CONTROLES DE SELECCIÓN

Gallery

Componente que nos permite mostrar una lista de elementos, (normalmente para visualizar imágenes) que se desplaza de manera horizontal, permitiendo seleccionar uno de ellos, mostrando una apariencia muy intuitiva para el usuario.

Gallery SI AUNITEC

INTEGRACIÓN DE CONTROLES

Controles Personalizados

Controles personalizados construidos a partir de varios controles estándar, combinando la funcionalidad de todos ellos en un sólo control reutilizable en otras aplicaciones.

Ejemplo control de identificación (login) formado por varios controles estándar de Android

Usuario: usu001 Contraseña: ****** Login AUNITEC

GESTIÓN DE PREFERENCIAS

Datos de Usuario

Las preferencias no son más que datos que una aplicación debe guardar para personalizar la experiencia del usuario, por ejemplo información personal, opciones de presentación, etc.

Cada preferencia se almacenará en forma de clave- valor, es decir, cada una de ellas estará compuesta por un identificador único (p.e. «email») y un valor asociado a dicho identificador (p.e. «prueba@email.com»). Además, y a diferencia de SQLite, los datos no se guardan en un fichero binario de base de datos, sino en ficheros XML

GESTIÓN DE PREFERENCIAS

API SharedPrefences

La API para el manejo de estas preferencias es muy sencilla. Toda la gestión se centraliza en la clase SharedPrefences, que representará a una colección de preferencias.

Una aplicación Android puede gestionar varias colecciones de preferencias, que se diferenciarán mediante un identificador único.

£ 6:19 Enable social recommendations Recommendations for people to contact based on your message history Display name John Smith Add friends to messages Never Notifications New message notifications Ringtone Default ringtone (Polaris) Vibrate Data & sync Sync frequency 3 hours