Desenvolupament d'aplicacions amb App Inventor

Tutorial Exemples     Recursos CITCEA
Llibre Projectes Dades pràctiques   Inici

4- Posem un botó per eliminar elements de la llista

Hem d'afegir una icona que obri un desplegable on triem el producte que volem esborrar. No té massa sentit posar aquesta icona al costat de la del botó de l'entrada de nous productes ja que aquest botó d'entrada fa referència al camp de text i, en canvi, l'altre no. Pensant que, probablement, més endavant podem afegir un botó de modificar, sembla més adequat crear una barra de botons.

D'altra banda, tal com ho tenim ara el camp per entrar nous elements el tenim sempre visible i això ens deixa menys espai per veure la llista. La proposta és crear una barra de botons que tindrà els botons d'afegir i esborrar (més endavant, també, el de modificar) i mantenir el camp i el botó d'entrada de dades habitualment amagat; mostrant-lo només quan es premi el botó d'afegir.

La presentació dels elements en el moment de programar serà la següent:

Disposició dels elements

Les següents taules mostren les propietats de cada un dels elements:

Propietat Valor Comentaris
Nom HorizontalArrangement_Menu Aquest nom l'hem de posar en el requadre Components

Propietat Valor Comentaris
Nom Button_Afegir Aquest nom l'hem de posar en el requadre Components
Image afegir.gif Imatge del requadre
Text En blanc, no volem text sobre la imatge

Propietat Valor Comentaris
Nom ListPicker_Esborrar Aquest nom l'hem de posar en el requadre Components
Image esborrar.gif Imatge del requadre
Text En blanc, no volem text sobre la imatge

El programa és el següent:

Programa
Programa
Programa

 

 

Llicència de Creative Commons
Aquesta obra d'Oriol Boix està llicenciada sota una llicència no importada Reconeixement-NoComercial-SenseObraDerivada 3.0.