Está en la página 1de 3
Vamos a disefar la interfaz arafica de una aplicacién para diujat! Cuando la aplicacién esté terminada, con nuestros dedos elegiremos colores y, | artastréndolos por la pantalla, podremos trazarlineas y colorear figuras, Por ahora, nos encargaremos ( de su aspecto. No solo del contenido viven las ela forrnal aplicaciones, tambien d Miré la interfaz de la aplicacién e identificé sus componentes. (Qué tipo de componente son los cuadraditos di \ la (\ AA) issce len luc dew en K\ A) len cr de un modo oe, \oigeel(// —ceneral ese aspecto es algo que podemos mocificar.A los botones,por elo Is podemos qutarel texto, NCEP ois eon ssnsa rire D ~ etc iInspecciond el panel de propiedades y fijate qué 7S posliadesteca cata tp de component! Crea un proyect ‘componentes que hayas identifica llamado Dibujarte y age alvisor todos los do. {Te muestra algo parecido a op Inventor por defecta los Les que agregamos @ nuestras aplicaciones? esto? Sies qué? {Como ubica Cambid el ca Debi lor de pate figura. iPara qué fe corregitlo. Deberias co erlo como se muestra parece que sirven los componentes cue se encuentran en Paleta > Disposicién lstados a co je vamos adi avia falta el ienzo en el g en Paleta > nacién y agregalo, (Qué cosas se pueden hacer con un CUNO: TECH 6, Ahora, ia ocuparse de las dimensiones! Fijate en las propiedades de cada componente que agregaste si podés jugar con los tamafos. Para it viendo cémo queda, ejecuts la aplicacion en el emulador. {Cémo hiciste para encontrar la medida justa de cada uno? NO TODO LO QUE VES, ES Si desaparecieron algunos botones,no te preocupes. Lo que muesra el viscr de dlseho no es exactamente lo que se vaa ver cuando elecutes la aplcacin. ALTO Y ANCHO App Inventor presenta cuatro opciones paraestablece elaoyelancho de un componente visible: Automatica, ne cH * utomatco ‘Ajustaralcontenedor quela eleccién de dimensiones se delega ils Inventor Ajustar al contenedor, a elcomoorente ccupe dsponiok;{] pixels pare (Cancolar_Acoptar especficar una iertacantidadfja de pixeles Ey [I pereent para indica’ un porcentae dela cimensién dela pantalla 7, Utimos detalles: carbié el titulo del componente Screen? y hacé que el botén para limpiar el lienzo tenga fondo gris y letras blancas yen negita Ahora sf, ejecuta fs aplicacin y fate si se ve come esperamos meee

También podría gustarte