hola amigos este es un nuevo vídeo de el canal en este vamos a enseñar cómo crear lo que es un text box este elemento tipo material design bueno el ejemplo está a quien esté en la parte del emulador como ven éste se explica un un pequeño ley de la arriba del nombre y una vez que uno quita el ratón de encima se vuelve a ser normal si uno escribe texto bueno estoy estando enamorado entonces por lo cual no es tan el tiempo no es tan real todo se ve bien cuando se usa en un celular común en forma ya instalada no no hay nada bueno lo que vamos a hacer es crearlo pero antes voy a abrir lo que es el app inventor lo que es la aplicación para emular la lo que estemos haciendo aquí empieza a abrir espera que terminen cargarlo lo vamos a conectar por forma dulce ve y ahí se conectando boyacá exista lo que es cargando espera que termine de hacer la conexión bueno como pueden ver ahí ya terminó no vamos a agregar lo que son dos xbox y otra text vox bueno este texto que voy a poner aquí es para que vean el ejemplo de cómo sería sin él sin el estilo en aquí los pueden ir ya viendo lo que vas a poner es que este este todo lo que es el screen todos los datos estén centrados de esta forma esta vamos a poner de un tamaño de ancho de un 95% ya que a pep y mentoría ya permite poner porcentajes así deben conseguir el tamaño para lo demás vamos a poner un layout lo que es horizontal aquí y se lo vamos a poner un también un ancho de 95% y dentro de ahí vamos a poner una ley ver pero este leibel lo acaba de poner a será a 14 no dejarle ese tamaño en este caso yo voy a poner el mismo que sea de nombre su nombre el texto sigue alineado en este color en este punto el color lo vamos a poner no porque al principio no se ve al menos cuando ya le den clic en la parte de abajo aquí tenemos que poner esa rayita gris la cual vamos a a construir con un mismo leiber lo vas a poner aquí abajo ese leiber le vamos a poner un alto de 2 píxeles y un ancho de el 90 por ciento de fondo lo que le vamos a poner va a ser un gris y detesto le vamos a borrar todo el texto que tiene ahí escrito y de esa forma ya se ve así una vez ya esto hecho esto al text vox de fondo lo vamos a poner blanco en este caso abandoné para el fondo y es blanco abrió problemas y dentro de aquí vas a poner el texto a 16 pues la marca de agua vamos a poner nombre igual que a la ley ver pero de esta forma ya ya está de fort se podría decir de forma visual los campos y datos que ocupemos pero al parecer todavía no se actualiza de borrar esa quiere cambiar y ahí ya lo cambió hombre pero vamos a ocupar ciertos eventos en la programación para que cuando se le dé clic este se ejecuta y se ve a lo que es el nombre de acá y en ese color aparecen otra parte de bloques y vamos a empezar declarando lo que es una variable esta variable lo que vamos a llamar va a ser el color azul que ustedes proponen el color que quieran yo en este caso me gusta a mí el color cian y es el que más uso para eso lo voy a crear con lo que se llama rgb los colores vienen en el relieve pues buscarlos en google o en cualquier parte bueno el color azul que yo sé es cero si no recuerdo a 175 239 pero es el color azul que yo usé lo que vamos a hacer el efecto va a ser aesthetics box una vez que abrimos el xbox hay 22 eventos got focus y los focos got focos es cuando le dan este click y los focus es cuando dejan de darle de darle click y de qué sirve que uno debe dar clic y en ese punto lo que debemos hacer es que aparezca lo que es él el nivel con el color para eso vamos a empezar con lo que es este leiber y vamos a cambiar su color en este caso va a ser con text color aquí ley del sector aquí y lo que vamos a poner va a ser el color 100 esta variable como lo vamos a ocupar varias veces ya mejor lo ponemos fácil es un poquito más para acá bueno extra eso tenemos que hacer a este nivel 2 lo que es la parte de abajo la rayita esta le tenemos que hacer que el fondo en vez de que esté gris así como ésta se ponga azul o del color que no estamos usando es de la misma forma vamos a ponerlo aquí y vamos a poner lo que dice el color y otro que se ve bien es la ley alta xbox lo que es el hand la marca de agua esté ponerlas y nada limpiarla un poquito más de 120 aquí está y lo ponemos y vamos a buscar lo que es recto y está aquí es el primer bloque cito ahora vamos a trabajarlo con lo que es este los focus una vez que ya dejaron de dar clic ahí que ya se movieron a otro text box otro botón o lo que hayan hecho tenemos que volver primero que todo a poner este sin color el nivel 1 que contiene el nombre entonces para eso vamos a abrir lo bueno lo que vamos a hacer es copiar este mismo en este caso aquí vamos a cambiarle lo que es el color el color no aquí en app inventor supongo que como un color numérico no sé por qué es este es 16.000 bueno no es 16 cifras creo que es 16 77 72 15 y si no mal recuerdo 16 77 72 15 y una horita comprobamos cuál es bueno en el background color el que usamos es el gris entonces eso lo ponemos ese color lo podemos hallar aquí en colores es este color y se lo ponemos aquí extra eso lo que es el hand esto tenemos que volver a escribir en caso que no se haya escrito nada o si se escribió algo ponerle lo que es este nombre si se escribió algo pues esto ya no va a aparecer porque es una marca de agua nombre y esto sería lo que haría haría el efecto ya se le damos clic debería funcionar nos tenemos algún perro ya cargo es que el parecer no carga tan en tiempo real lo que es él el emulador bueno ya le escribimos y empiece escribir lo que son las letras y cambiamos a otro text box ya cambia el color de esta y lo que se oculta es el nombre y volvemos a dar clic y aparece si borramos todo por ejemplo y le vamos afuera vuelve a escribirse el nombre que es lo que hace esto de esta forma pueden generar lo que son unos text box más más amigables son más bonitas que el text box común que tiene app inventor bueno eso es todo por este vídeo amigos no olviden suscribirse si quieren ver más tipos de estos vídeos subo de app inventor php de varios lenguajes que que se usan o puede ser que están de su interés y cualquier duda que tengan pueden escribirme en los comentarios bueno eso es todo amigos bye a ah
