Desenvolupament d'aplicacions amb App Inventor

Tutorial Exemples     Recursos CITCEA
Llibre Projectes Dades pràctiques   Inici

6- Cerquem elements a la taula

Ara permetrem a l'usuari cercar persones a la taula. Després de la cerca pot passar que no hi hagi cap resultat, que n'hi hagi un o que n'hi hagi més d'un. Si no n'hi ha, mostrarem un text indicant que no n'hi ha i el botó Tornar ens permetrà tornar a la pantalla prèvia. Si n'hi ha un, mostrarem les dades corresponents a la persona trobada. Si n'hi ha més d'un, mostrarem la llista dels noms i el desplegable ens permetrà triar-ne un.

Primer afegirem tots els elements necessaris per a la tasca:

Propietat Valor Comentaris
Nom Button_Cercar Aquest nom l'hem de posar en el requadre Components
Text Cercar
FontBold Activat
TextColor Yellow
BackgroundColor Blue
Shape rounded

Propietat Valor Comentaris
Nom HorizontalArrangement_Cerca Aquest nom l'hem de posar en el requadre Components
Width Fill parent

Propietat Valor Comentaris
Nom TextBox_Cerca Aquest nom l'hem de posar en el requadre Components
Hint   Ho deixarem en blanc

Propietat Valor Comentaris
Nom Button_Cerca Aquest nom l'hem de posar en el requadre Components
Text Cerca
FontBold Activat
TextColor Yellow
BackgroundColor Blue
Shape rounded

La pantalla ens pot quedar com a la figura següent.

Disposició dels elements

Per a les vistes hi ha opcions diverses, segons els gustos. El el nostre exemple tindrem les següents:

Element
0 (llista)
1 (persona)
(o cerca 1 res.)

2 (cercar)

3 (cerca sense res.)

4 (cerca n res.)
Button_Actualitzar Actualitzar Tornar Tornar Tornar Tornar
ListPicker_Detalls X X
Label_Info X X X X X
Button_Cercar X
HorizontalArrangement_Cerca X

Com en el cas anterior, només mostrarem els blocs nous, els que han canviat respecte a l'anterior o aquells que siguin necessàris per a la comprensió del conjunt. El programa quedarà així:

Programa

El botó de cercar mostra el camp i el botó per fer la cerca. Quan premem aquest altre botó ens fa la cerca a partir del text que hem escrit al camp corresponent.

Programa
Programa

El bloc que ens queda és una mica més complicat ja que hi ha tres casos possibles. Si el resultat no té cap filera comentarem a l'usuari que la cerca no ha donat resultat. Si té una filera ja anirem a cercar cirectament les dades de la persona trobada. Si té diverses fileres li mostrarem la llista i li oferirem la possibilitat de triar una de les opcions amb el desplegable.

Programa

 

 

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