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 ubicaCambid 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 unCUNO: 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