Darmowy Kurs Flash

Ustawiać obiekty na scenie tak aby były równo można za pomocą panelu Align. Ale co w przypadku, kiedy nasze obiekty są tworzone dynamicznie i posiadamy jedynie instancje w bibliotece? Taka sytuacja może powstać w przypadku, kiedy tworzymy dynamiczne menu oparte na pliku XML. Warto wtedy aby nasze przyciski w menu były ułożone tak jak sobie tego życzymy.

Dla przykładu narysujmy sobie na scenie kwadrat i skonwertujmy go to MovieClip. Następnie otwórz panel biblioteki kliknij na obiekcie prawym przyciskiem myszki i wybierz linkage. Zaznacz opcję Export for ActionScript 3. W okienku Class nadaj nazwę obiektowi (z dużej litery), w moim przypadku jest to Kwadrat.

Teraz przejdź do panelu akcje i wpisz poniższy kod

for(var i:int = 0; i < 4; i++) {
var obiekt:Kwadrat = new Kwadrat();
obiekt.x = 50 + i * obiekt.width;
obiekt.y = 50;
addChild(obiekt);
}

Jak widać w pętli tworzymy 4 obiekty, które są ustawione jeden obok drugiego i przylegają do siebie. Takie ustawienie zawdzięczamy dzięki mnożeniu szerokości obiektu z zmienną i, która jest zwiększana o jeden za każdym wykonaniem pętli. Do tego mnożenia dodajemy jeszcze wartość 50. Nasza animacja powinna być podobna do tego:

Jeżeli nie chcemy aby nasze obiekty przylegały do siebie wystarczy dokonać drobnej zmiany w kodzie:

obiekt.x = 50 + i * (obiekt.width + 10);

Wartość 10, którą dodajemy do szerokości obiektu to odstęp między elementami.

Możemy również ustawiać obiekty w rzędy i kolumny tworząc coś w stylu pola do szachów. Technika jest podobna do tej co wyżej, tylko trzeba umieścić pętlę w pętli. Jedna ustawi nam obiektu w kolumny, druga w rzędy:

var kolumny:Number = 4;
var rzedy:Number = 6;
for (var ix:int = 0; ix < rzedy; ix++) {
for (var iy:int = 0; iy < kolumny; iy++) {
var obiekt:Kwadrat = new Kwadrat();
obiekt.x = 50 + ix * obiekt.width;
obiekt.y = 50 + iy * obiekt.height;
addChild(obiekt);
}
}

Na początku tworzymy dwie zmienne, które przechowują liczbę kolumn i rzędów do utworzenia. Tym razem musimy dodatkowo dokonać mnożenia na osi y, mnożąc zmienną iy z wysokością naszego obiektu. Rezultat powinien być podobny do tego: