Desenvolupament d'aplicacions amb App Inventor
7- Afegim elements a la taula
Ara permetrem a l'usuari afegir elements a la taula. Afegim tots els elements
necessaris per a la tasca:
| Propietat |
Valor |
Comentaris |
| Nom |
HorizontalArrangement_Menu2 |
Aquest nom l'hem de posar en el requadre Components |
| Width |
Fill parent |
|
| AlignHorizontal |
Center |
|
| Propietat |
Valor |
Comentaris |
| Nom |
Button_Afegir |
Aquest nom l'hem de posar en el requadre Components |
| Text |
Afegir |
|
| FontBold |
Activat |
|
| TextColor |
Yellow |
|
| BackgroundColor |
Blue |
|
| Shape |
rounded |
|
| Propietat |
Valor |
Comentaris |
| Nom |
VerticalArrangement_Formul |
Aquest nom l'hem de posar en el requadre Components |
| AlignHorizontal |
Center |
|
| Width |
Fill parent |
|
| Propietat |
Valor |
Comentaris |
| Nom |
HorizontalArrangement_DNI |
Aquest nom l'hem de posar en el requadre Components |
| Width |
Fill parent |
|
| Propietat |
Valor |
Comentaris |
| Nom |
Label_DNI |
Aquest nom l'hem de posar en el requadre Components |
| FontBold |
Activat |
|
| Text |
DNI: |
|
| Propietat |
Valor |
Comentaris |
| Nom |
TextBox_DNI |
Aquest nom l'hem de posar en el requadre Components |
| Hint |
|
Ho deixarem en blanc |
| Propietat |
Valor |
Comentaris |
| Nom |
HorizontalArrangement_Nom |
Aquest nom l'hem de posar en el requadre Components |
| Width |
Fill parent |
|
| Propietat |
Valor |
Comentaris |
| Nom |
Label_Nom |
Aquest nom l'hem de posar en el requadre Components |
| FontBold |
Activat |
|
| Text |
Nom: |
|
| Propietat |
Valor |
Comentaris |
| Nom |
TextBox_Nom |
Aquest nom l'hem de posar en el requadre Components |
| Hint |
|
Ho deixarem en blanc |
| Propietat |
Valor |
Comentaris |
| Nom |
HorizontalArrangement_NM |
Aquest nom l'hem de posar en el requadre Components |
| Width |
Fill parent |
|
| Propietat |
Valor |
Comentaris |
| Nom |
Label_NM |
Aquest nom l'hem de posar en el requadre Components |
| FontBold |
Activat |
|
| Text |
Núm. Mat. |
|
| Propietat |
Valor |
Comentaris |
| Nom |
TextBox_NM |
Aquest nom l'hem de posar en el requadre Components |
| NumbersOnly |
Activat |
|
| Hint |
|
Ho deixarem en blanc |
| Propietat |
Valor |
Comentaris |
| Nom |
HorizontalArrangement_Adre |
Aquest nom l'hem de posar en el requadre Components |
| Width |
Fill parent |
|
| Propietat |
Valor |
Comentaris |
| Nom |
Label_Adre |
Aquest nom l'hem de posar en el requadre Components |
| FontBold |
Activat |
|
| Text |
Adreça: |
|
| Propietat |
Valor |
Comentaris |
| Nom |
TextBox_Adre |
Aquest nom l'hem de posar en el requadre Components |
| Width |
Fill parent |
|
| Hint |
|
Ho deixarem en blanc |
| Propietat |
Valor |
Comentaris |
| Nom |
Button_Accept |
Aquest nom l'hem de posar en el requadre Components |
| Text |
Acceptar |
|
| FontBold |
Activat |
|
| TextColor |
Yellow |
|
| BackgroundColor |
Blue |
|
| Shape |
rounded |
|
La pantalla ens pot quedar com a la figura següent.
Tindrem les següents vistes:
| Element |
0 (llista) |
1 (persona)
(o cerca 1 res.) |
2 (cercar) |
3 (cerca sense res.) |
4 (cerca n res.) |
5 (afegir) |
| Button_Actualitzar |
Actualitzar |
Tornar |
Tornar |
Tornar |
Tornar |
Tornar |
| ListPicker_Detalls |
X |
|
|
|
X |
|
| Label_Info |
X |
X |
X |
X |
X |
|
| Button_Cercar |
X |
|
|
|
|
|
| HorizontalArrangement_Cerca |
|
|
X |
|
|
|
| VerticalArrangement_Formul |
|
|
|
|
|
X |
| HorizontalArrangement_Menu2 |
X |
|
|
|
|
|
A continuació anem a veure el programa.
Un cop afegit, tornem a llegir la informació per tal que ja ens surti
la persona afegida.
En aquest programa hem ignorat la resposta que ens torna l'script,
on ens indica si s'ha fet o no l'acció. Podríem millorar el programa per
tenir-la en compte.
Aquesta obra d'Oriol Boix està llicenciada sota una llicència no importada Reconeixement-NoComercial-SenseObraDerivada 3.0.
