Desenvolupament d'aplicacions amb App Inventor

Tutorial Exemples     Recursos CITCEA
Llibre Projectes Dades pràctiques   Inici

3- Mostrem les activitats

El nostre programa executarà l'script i ens mostrarà els esdeveniments a la pantalla.

La pantalla contindrà els següents elements:

Propietat Valor Comentaris
Nom Screen1 Aquest nom ja està posat a l'inici i no es pot canviar

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

Propietat Valor Comentaris
Nom Label_tit1 Aquest nom l'hem de posar en el requadre Components
FontBold Activat
FontSize 20.0
Width Fill parent

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

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

Propietat Valor Comentaris
Nom Label_tit2 Aquest nom l'hem de posar en el requadre Components
FontBold Activat
FontSize 20.0
Width Fill parent

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

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

Propietat Valor Comentaris
Nom Button_Actualitzar Aquest nom l'hem de posar en el requadre Components
BackgroundColor Black
FontBold Activat
Shape rounded
Text Actualitzar
TextColor White

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

La pantalla tindrà un aspecte similar a aquest:

Disposició dels elements

Ara anem a crear el programa. Tenim una variable per a l'adreça de l'script i dues més per guardar els dos esdeveniments que podem rebre.

Programa

Tant a l'obrir l'aplicació com quan es prem el botó, esborrem el contingut dels label i enviem l'ordre Get per executar l'script.

Programa

Un cop rebuda una resposta correcta la separem en dues parts tallant pel salt de línia (\n). Els esdeveniments existents els separem en les seves parts (tallant per les comes) i els guardem, en forma de llista, en les variables corresponents. Per no fer molt gros aquest bloc, posem en una funció la part que ho mostra a la pantalla. Si no es rep una resposta correcta mostrem un missatge d'error.

Programa

La funció mostra les dades en els camps corresponents després de comprovar que l'esdeveniment existeix. En cas que no hi hagi esdeveniment mostra un text explicatiu.

Programa

El programa es podria millorar fent, per exemple, que els colors fossin diferents segons si l'activitat ja està començada o està pendent de començar.

 

 

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