|     Inicio    |   |         |  |   FOROS      |  |      |      
   Elastix - VoIP B4A (Basic4Android) App inventor 2 PHP - MySQL
  Estación meteorológica B4J (Basic4Java) ADB Shell - Android Arduino
  Raspberry Pi Visual Basic Script (VBS) FireBase (BD autoactualizable) NodeMCU como Arduino
  AutoIt (Programación) Visual Basic Cosas de Windows Webs interesantes
Translate:
Búsqueda en este sitio:


.

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.

__________________________________

- Mi correo:
juana1991@yahoo.com
- KIO4.COM - Política de cookies. Textos e imágenes propiedad del autor:
© Juan A. Villalpando
No se permite la copia de información ni imágenes.
Usamos cookies propias y de terceros que entre otras cosas recogen datos sobre sus hábitos de navegación y realizan análisis de uso de nuestro sitio.
Si continúa navegando consideramos que acepta su uso. Acepto    Más información