Aplicacions amb Flutter, Dart i Flame

Tutorial Flutter Flame Projectes   Recursos CITCEA
Exemples Dart Dades pràctiques     Inici

Triar un color

En aquest exemple farem una aplicació que tindrà dues pantalles. L'usuari podrà triar un color, fent servir tres cursors, i aquest es mostrarà a la pantalla. Quan tingui el color escollit, podrà picar un botó i passarà a una segona pantalla on se li mostrarà la informació sobre el color triat.

Al començament s'expliquen i es comenten tots els passos; però, a mesura que s'avança, els passos que són més repetitius van més ràpids.

1- Preparació inicial

2- Paràmetres generals

3- Creació d'un element reutilitzable per als cursors

4- Creació d'un element on mostrar el color triat

5- Pas a la segona pantalla

6- Botó de retorn

7- Pantalla de resultats

8- Mostrem els resultats numèricament

9- Mostrem el contrast de colors

10- Programa final per a aquesta aplicació

Versió alternativa

A- Aplicació en una sola pantalla, basada en la visibilitat dels components

Nota: Aquest exemple està parcialment basat en l'aplicació Imc App creada per AristiDevs.

 

 

 

 

 

 

 

 

 

 

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