Documentos de Académico
Documentos de Profesional
Documentos de Cultura
EPT 4° - DEA 2 - Ficha de Aprendizaje
EPT 4° - DEA 2 - Ficha de Aprendizaje
3. Entorno
1. Barra de menús
2. Gestor de pantallas
3. Tipo de vista: Diseñador /
Bloques
4. Paleta de componentes
5. Visor
6. Componentes
7. Propiedades
8. Medios
4. Tipos de vistas
Diseñador (Designer). La vista de diseño nos permite seleccionar los componentes de la App y definir el entorno
de usuario de la misma.
Bloques (Blocks). La vista de bloques sirve para dar las instrucciones a cada componente del diseño de la
aplicación y se programa mediante bloques o piezas encajando las piezas como en un puzle para establecer el
comportamiento de la app
5. Propiedades
5.1. Screen
PantallaAcercaDe (AboutScreen). Úselo para informar a los usuarios sobre su aplicación.
AlignHorizontal. Un número que codifica cómo los contenidos de la pantalla se alinean horizontalmente. Las
opciones son: 1 = alineado a la izquierda, 2 = centrado horizontalmente, 3 = alineado a la derecha.
AlignVertical. Un número que codifica cómo el contenido de la disposición se alinea verticalmente. Las opciones
son: 1 = alineado en la parte superior, 2 = centrado verticalmente, 3 = alineado en la parte inferior. La alineación
vertical no tiene efecto si la pantalla es desplazable.
AppName. Este es el nombre para mostrar de la aplicación instalada en el teléfono.
ColorDeFondo (BackgroundColor). Color de fondo de la pantalla.
ImagenDeFondo (BackgroundImage). Una imagen que se forma el fondo de la pantalla.
Icono (Icon). Una imagen que se utilizará como icono para la aplicación instalada en el teléfono. Debe de ser un
formato PNG o JPG.
ScreenOrientation. La orientación de pantalla solicitada, especificada como un valor de texto. Los valores
comúnmente utilizados son sin especificar, vertical, horizontal, sensor y usuario.
Título (Title). El título del formulario, que aparece en la barra de título.
Ejercicios
1. Crear 2 screen y cambia las siguientes propiedades:
Screen 1
PantallaAcercaDe (AboutScreen) = Pantalla principal del aplicativo.
ColorDeFondo (BackgroundColor) = color Turquesa.
AlignHorizontal = Centro
Screen 2
ColorDeFondo (BackgroundColor) = color Rosa.
AlignVertical = Centro
2. Al screen 1 agregar 4 botones y cambiar sus propiedades. Al primer botón cambiar la propiedad texto a
“Índice de masa corporal”, ColorDeFondo (BackgroundColor) a “Naranja”, Tamaño de letra (FontSize) a “20”,
y con “Negrita” (FontBold). Al segundo botón cambiar la propiedad texto a “Peso ideal”, ColorDeFondo
(BackgroundColor) a “Azul”, Tamaño de letra (FontSize) a “18”, Color de texto (TextColor) a “Blanco” y con
“Cursiva” (FontItalic). Al tercer y cuarto botón solo cambiar el texto a “Medir azúcar” e “Información”
respectivamente.
3. Al screen 2 agregar 3 botones y cambiar la propiedad de texto: Calcular, Limpiar y Regresar,
respectivamente. Luego cambiar la propiedad ColorDeFondo (BackgroundColor) a rojo, amarillo y verde, de
cada botón respectivamente.
4. Programar los bloques del primer botón (Índice de masa corporal) del screen 1 para que al presionar nos lleve
al screen 2.
5. Programar los bloques del tercer botón (Regresar) del screen 2 para que al presionar nos lleve al screen 1.
Práctica
1. Crear 2 screen y cambia las siguientes propiedades:
Al screen 3 agregar 3 botones y cambiar sus propiedades. Al primer botón cambiar la propiedad texto a “Calcular”,
ColorDeFondo (BackgroundColor) a “rojo”, Tamaño de letra (FontSize) a “16”, y con “Negrita” (FontBold). Al
segundo botón cambiar la propiedad texto a “Limpiar”, ColorDeFondo (BackgroundColor) a “amarillo”, Tamaño de
letra (FontSize) a “15” y con “Cursiva” (FontItalic). Al tercer botón cambiar la propiedad texto a “Regresar”,
ColorDeFondo (BackgroundColor) a “Verde”, Tamaño de letra (FontSize) a “17” y con “Negrita” (FontBold) y
“Cursiva” (FontItalic).
Al screen 4 agregar 3 botones y cambiar la propiedad de texto: Calcular, Limpiar y Regresar, respectivamente.
Luego cambiar la propiedad ColorDeFondo (BackgroundColor) a rojo, amarillo y verde, de cada botón
respectivamente.
2. Programar los bloques del segundo botón (Peso ideal) y del tercer botón (Medir azúcar) del screen 1 para que
al presionar nos lleve al screen 3 y 4, respectivamente.