Hola de nou!
Aquestes últimes setmanes, després d'acabar l'aplicació en què qualsevol animal feia un so al tocar la seva imatge, hem estat treballant en una nova que permet dibuixar a sobre d'una fotografia qualsevol.
El Making-Of:
L'inici de tot és el
canvas. Aquest element és el que permet mostrar la fotografia que vulguis i dibuixar-hi a damunt d'ella. Per a fer possible que per la pantalla apareguessin punts i línies, calia posar-hi les ordres necessàries per a que interpretés que al tocar o arrastrar el dit volíem que es dibuixessin aquestes formes.
Després vaig crear quatre botons: dos per a dibuixar
cercles petits i grans, i dos més per a la mateixa funció aplicada a les
línies petites i grans. Vaig crear tres noms:
petit, gran i
pinzell, cadascún dels quals tenia assignat un valor diferent. El
pinzell va ser utilitzat per donar un valor inicial a la grossor del pinzell quan encara no s'havia seleccionat res, és a dir, quan s'obria l'aplicació.
Els botons de punts grans i petits tenien l'acció de convertir el valor inicial del
pinzell en el valor del
gran o del
petit, ja que
pinzell era el que definia el radi dels punts (com es veu en la primera imatge de dalt).
Respecte a les línies, només va caldre afegir una senzilla acció als seus botons respectius per a que la grossor del pinzell tingués diferents valors en les línies.
Però, per dibuixar, cal que existeixi una
paleta de colors de la qual escollir-ne qualsevol. Després de fer recerca per Internet, vaig trobar la manera més fàcil en què es podia fer.
Inicialment, els colors els havia agrupat un per un amb el seu corresponent botó; és a dir, a dalt de la pantalla, sortien el roig, groc, blau, taronja, etc. No obstant, ocupava gran part de la pantalla i estèticament no quedava bé.
La solució va ser crear
dos llistes paral·leles: una en la qual estaven escrits els
noms dels colors (que seria la llista que es veuria a la pantalla) i una altra en la que estaven
els mateixos colors en si ordenats de la mateixa manera (que serviria per a que l'aplicació relacionés cada nom amb el color i entengués quin color s'està seleccionant).
Vaig haver de fer tres procediments: en el primer, indicava que quan es tocava el botó de la llista, aquesta s'obrís i donés un missatge en el qual avisés que s'ha de tocar dos cops en un color per seleccionar-lo, ja que per un problema de programació s'havia de fer així. En el segon, indicava que la llista que s'havia de visualitzar era la dels textos (els noms dels colors), i en el tercer, que s'havia de canviar el color del pinzell del
canvas cap al seleccionat, ara sí, en la llista dels propis colors.
Finalment, vaig afegir funcions extra com poder
desar el dibuix al teu mòbil,
borrar tot el que s'hagués dibuixat i deixar la fotografia neta, i
fer fotografies amb la càmera o
seleccionar-ne una ja existent per a posar-la a l'aplicació i també dibuixar-hi.
Bé, doncs això és tot! Si us voleu descarregar l'app, feu clic
aquí. Espero que us hagi ajudat a crear la mateixa o la vostra personalitzada aplicació. Fins aviat!!
