Tutorial 11 - Utilització de components

Pas 9 de 14

D'aquesta manera haurem construït un botó que en el seu estat de repós no es veu (però és igualment funcional). Si som sobre ell mostrarà un requadre blanc semitransparent (semblarà il·luminar el que es trobi sota d'ell) i, de la mateixa manera, enfosquirà el que estigui darrere seu mentre estiguem fent clic sobre d'ell.

Un cop creat el botó, tornem a l'escena principal.

Creem una nova capa anomenada buttons per sobre de la capa loaders.

Arrosseguem a l'escenari quatre instàncies del botó invisible i col·loquem cadascuna d'elles sobre cada contenidor de les miniatures.

Com que el botó invisible no té cap gràfic en el seu estat de repòs, veurem un requadre blau per indicar la posició i la mida de la instància del botó en l'escenari, i d'aquesta manera facilitar el seu posicionament.

Encara que aquests botons no tinguin funcionalitat, podem provar la nostra pel·lícula per veure l'efecte d'il·luminar i enfosquir que hem aconseguit amb ells.

Donem a aquests botons els noms de instància thumb0_btn, thumb1_btn, thumb2_btn i thumb3_btn.

El pas següent serà afegir el codi necessari perquè aquests botons que hem creat permetin carregar les imatges corresponents a cada miniatura.