Tutorial 11 - Utilització de components
Pas 6 de 14
Creem una nova capa anomenada as per a la programació.
Abans hem comprovat que si escrivim la ruta d'una imatge en el paràmetre source del component, la imatge es mostrarà en el contenidor corresponent.
Si definim la propietat source d'una instància mitjançant codi, veurem que funciona de la mateixa manera.
Per exemple, si escrivim la línia:
thumb0_ldr.source = "images/thumbs/img0.jpg";comprovarem que es carrega la imatge corresponent en el primer contenidor de les miniatures.
Podríem repetir el mateix codi per a les quatre instàncies només canviant els números corresponents, però podria ser poc pràctic fer-ho d'aquesta manera si la nostra galeria tingués moltes imatges. Vegem una manera d'optimitzar el codi.
En primer lloc definirem una variable que emmagatzemi el nombre d'imatges de la nostra galeria, en aquest cas són quatre.
var numImages:uint = 4;En altres tutorials quan tractàvem amb nombres utilitzàvem Number com a tipus genèric, però per a nombres sencers positius és més correcte utilitzar el tipus més especific uint (en el cas de sencers tant positius com negatius es faria servir el tipus int).
Crearem un bucle for que s'executi quatre vegades (el nombre de les nostres imatges), i que vagi carregant la imatge corresponent en cada miniatura.
for (var i:uint=0; i<numImages; i++)
{
this["thumb"+i+"_ldr"].source = "images/thumbs/img"+i+".jpg";
}