App inventor 2 en español
Cómo programar los teléfonos móviles con Android
mediante App inventor 2 - Juan Antonio Villalpando
-- Tutorial de iniciación de App Inventor 2 en español --
Volver al índice del tutorial
___________________________
51H.- Etiqueta con distintos colores.
p51H_etiqueta_colores.aia
- Presentación.
- Esta aplicación consiste en mostrar una etiqueta en donde el texto está en distintos colores.
- Partiremos de un archivo en donde se encuentra el nombre del color y su número correspondiente.
- Podemos ver el número de cada color en: http://appinventor.mit.edu/explore/app-inventor-color-chart.html
- Aquí tenemos el archivo en donde hemos puesto algunos colores y su número.
colores.csv |
Chartreuse, -8388864
Crimson, -2354116
DarkMagenta, -76675773
DeepSkyBlue, -16728065
GreenYellow, -5374161
MediumBlue, -16777011
OliveDrab, -9728477
Tomato, -40121 |
_________________
- Diseño.
- En la Etiqueta1
marcamos HTMLFormat.
_________________
- Bloques.
_________________
- Comentarios.
- En la parte de diseño marcamos en la Etiqueta1 HTMLFormat.
- Los colores en HTML se obtienen mediante <font color="#FF0000">ROJO</font>
- <br> es para cambiar de línea.
- Tenemos un número de color, por ejemplo el -8388864
- Ese número lo descomponemos en sus parte roja, verde y azul mediante el bloque separar color.
- A separar color se le asigna el número -8388864 y obtiene sus componente RVA en una lista, (1) es rojo (2) es verde (3) es azul.
- Por ejemplo (1) 48 (2) 147 (3) 91.
- Esos número se han de pasar a hexadecimal, supongamos que son 3A124F
- Para pasarlo a hexadecimal utilizamos el bloque de matemáticas convert number
- Ese 3A124F se le asigna a <font color="#3A124F">Chartreuse</font>
_________________
- Propuestas.
- Establece otros colores.
___________________________
___________________________
___________________________
51G_2.- Botones no visibles, otra forma.
p51G_botones_novisible_2.aia
- Presentación.
- En este caso no vamos a poner Lienzo. Vamos a poner en la Screen1 ImagenDeFondo, la imagen con la que queramos trabajar.
- Pondremos 3 Botones, en sus Propiedades ColorDeFondo pondremos: Ninguno. Además tampoco pondremos Texto en estos Botones.
- Un botón estará en la cabeza, otro en el cuerpo y otro en las piernas.
- Los botones existen, pero no se ven.
_________________
- Diseño.
_________________
- Bloques.
_________________
- Propuesta.
- En vez de poner los botones rectangulares, créalos de forma redonda u oval, para ello ve a la Propiedad: Forma de cada Botón y elige oval.
__________________________________
|