1 Arquitectura de navegación (Etapa de diseño de la aplicación) Diseño Gráfico de la IU – ENCARAR UN PROYETO DESDE LA IU 3. Definir layout Definir estructura.

Presentación del tema: "1 Arquitectura de navegación (Etapa de diseño de la aplicación) Diseño Gráfico de la IU – ENCARAR UN PROYETO DESDE LA IU 3. Definir layout Definir estructura."— Transcripción de la presentación:

1 1 Arquitectura de navegación (Etapa de diseño de la aplicación) Diseño Gráfico de la IU – ENCARAR UN PROYETO DESDE LA IU 3. Definir layout Definir estructura de pantalla (layout). Existen infinitas posibilidades algunas más usadas que otras. Definir comportamiento del scroll: - Scrollea toda la pantalla - Scrollea solo la parte del los formularios - Scrollean los controles (Ej. Grillas)

2 2 Diseño Gráfico de la IU – ENCARAR UN PROYETO DESDE LA IU Ejemplo 1: Menú a la izquierda - Layout más usado

3 3 Diseño Gráfico de la IU – ENCARAR UN PROYETO DESDE LA IU Ejemplo 1: Menú a la izquierda - Layout más usado

4 4 Diseño Gráfico de la IU – ENCARAR UN PROYETO DESDE LA IU Ejemplo 2: Menú despegable

5 5 Diseño Gráfico de la IU – ENCARAR UN PROYETO DESDE LA IU Ejemplo 2: Menú despegable

6 6 Diseño Gráfico de la IU – ENCARAR UN PROYETO DESDE LA IU Ejemplo 2: Menú despegable

7 7 Diseño Gráfico de la IU – ENCARAR UN PROYETO DESDE LA IU Ejemplo 3: Solapas + menú a la izquierda

8 8 Diseño Gráfico de la IU – ENCARAR UN PROYETO DESDE LA IU Ejemplo 3: Solapas + menú a la izquierda

9 9 Diseño Gráfico de la IU – ENCARAR UN PROYETO DESDE LA IU Ejemplo 4: Paneles

10 10 Diseño Gráfico de la IU – ENCARAR UN PROYETO DESDE LA IU Ejemplo 4: Paneles

11 11 Diseño Gráfico de la IU – ENCARAR UN PROYETO DESDE LA IU Ejemplo 4: Paneles

12 12 Diseño Gráfico de la IU – ENCARAR UN PROYETO DESDE LA IU Ejemplo 4: Paneles