addChildAt(obiekt , 1);

Jak widać addChildAt nie bardzo różni się od addChil. Jedynka na końcu decyduje na który poziom ma zostać załadowany obiekt. Oczywiście addChildAt możemy korzystać również kiedy tworzymy nasze obiekt ręcznie za pomocą narzędzi Adobe Flash CS… Aby przekonać się jak to działa najlepiej zrobić mały przykład. Narysuj na scenie trzy kwadraty(na tej samej warstwie) i skonwertuj karzy osobno do obiektu typu MovieClip. Poustawiaj je tak aby każdy z kwadratów nachodził narożnikami na każdy. W panelu propertis nadaj im kolejno nazwy: k1_mc, k2_mc, k3_mc. Zaznacz klatkę animacji i otwórz panel akcji i wpisz:

addChildAt(k1_mc , 0);
addChildAt(k12_mc , 1);
addChildAt(k3_mc , 2);

Przetestuj animację (CTRL + ENTER). Następnie pozmieniaj poziomy ,na których ma być wyświetlony obiekt. Pierwszemu nadaj 2 a ostatniemu 0. Zobaczysz wtedy, że im wyższa cyfra tym „wyżej” jest wyświetlany obiekt.

Post ten powstał ze względu na dużą ilość pytań na forum i bezpośrednio do mnie na GG. Teraz będę miał do czego odsyłać.

W filmie przedstawiłem jak skorzystać z klasy TextField, odpowiedzialną za tworzenie pola tekstowego, jak również klasę TextFormat odpowiedzialną za formatowanie tekstu. Poniżej prezentuje część właściwości obu klas.

Właściwości klasy TextField

alwaysShowSelection
wartość: true lub flase
opis: Określa, czy zaznaczony tekst ma być wyróżniony szarym kolorem nawet wtedy, gdy pole nie jest aktywne.

antiAliasType
wartość: AntiAliasType.NORMAL lub AntiAliasType.ADVANCED
opis: Określa typ wygładzania.

autoSize
wartość: TextFieldAutoSize.NORMAL, TextFieldAutoSize.LEFT, TextFieldAutoSize.CENTER, TextFieldAutoSize.RIGHT
opis: automatyczne wyrównanie i zmiana rozmiaru pola tekstowego w celu zmieszczenia tekstu

background
wartość: true lub flase
opis: Określa czy pole posiada tło.

backgroundColor
wartość: wartość szesnastkowa koloru
opis: Określa kolor tła.

border
wartość: true lub flase
opis: Określa, czy pole posiada obwódkę

borderColor
wartość: wartość szesnastkowa koloru
opis: Kolor obwódki

bottomScrollV
wartość: liczba całkowita
opis: Określa numer ostatniego wiersza tekstu wyświetlanego w danej chwili w polu tekstowym.

textColor
wartość: wartość szesnastkowa koloru
opis: Kolor tekstu.

textWidth
wartość: liczba w pikselach
opis: Szerokość tekstu (tylko do odczytu).

textHeight
wartość: liczba w pikselach
opis: Wysokość tekstu (tylko do odczytu).

lenght
wartość: liczba
opis: Liczba znaków tekstu (wartość tylko do odczytu).

scrollV
wartość: liczba
opis: Określa numer wiersza tekstu wyświetlanego w górnej części pola.

scrollH
wartość: liczba w pikselach
opis: Określa poziome przesunięcie tekstu w polu. Wartość 0 oznacza brak przesunięcia.

maxScrollV
wartość: liczba
opis: Maksymalna wartość, jaką może osiągnąć scrollV (tylko do odczytu).

maxScrollH
wartość: liczba
opis: Maksymalna wartość jaką może przyjąć scrollH (tylko do odczytu).

mouseWhellEnabled
wartość: true lub false
opis: Określa, czy użytkownik może przesunąć tekst za pomocą kółka myszki.

restrict
wartość: ciąg znaków
opis: Zestaw znaków, których wpisanie w pole jest dozwolone.

maxChars
wartość: liczba
opis: Maksymalna liczba znaków do wpisania w polu tekstowym.

htmlText
wartość: ciąg znaków
opis: Określa zawartość pola jako kod HTML.

mulitiline
wartość: true lub false
opis: Określa, czy pole ma wyświetlać więcej niż jeden wiersz.

selectable
wartość: true lub false
opis: Określa, czy wartość pola można zaznaczyć.

text
wartość: ciąg znaków
opis: Zawartość pola tekstowego.

displayAsPassword
wartość: true lub false
opis: Powoduje wyświetlanie znaków gwiazdek zamiast wpisywanego tekstu w wejściowym polu tekstowym.

type
wartość: TextFieldType.DYNAMIC, TextFieldType.INPUT
opis: Określa typ pola (dynamiczne lub wejściowe).

Więcej właściwości klasy TextField można znaleźć w pomocy Adobe Czytaj więcej o klasie TextField

Właściwości klasy TextFormat

size
wartość: liczba
opis: Rozmiar czcionki.

font
wartość łańcuch znaków
opis: Rodzaj czcionki.

color
wartość: wartość szesnastkowa koloru
opis: Kolor czcionki.

underline
wartość: true lub false
opis: Określa, czy teksty jest podkreślony

italic
wartość: true lub false
opis: Określa, czy tekst jest pochylony

bold
wartość: true lub false
opis: Określa, czy tekst jest pogrubiony

bullet
wartość: true lub false
opis: Określa, czy ma być stosowane wypunktowanie

align
wartość: TextFormatAlign.LEFT, TextFormatAlign.RIGHT, TextFormatAlign.CENTER
opis: Steruje wyrównaniem tekstu względem pola tekstowego

leading
wartość: liczba pikseli
opis: Określa odstęp między wierszami tekstu

letterSpacing
wartość: liczba
opis: Określa odstęp między znakami.

rightMargin
wartość: liczba
opis: Określa odstęp tekstu od prawej krawędzi (w punktach).

leftMargin
wartość: liczba
opis: Określa odstęp tekstu od lewej krawędzi (w punktach).

Więcej właściwości klasy TextField można znaleźć w pomocy Adobe Czytaj więcej o klasie TextFormat

Paczkę możesz pobrać tutaj

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:

nazwaKlipu_mc.buttonMode = true;

Ustawiając wartość true właściwości buttonMode, uzyskujemy kursor w kształcie rączki, kiedy umieścimy wskaźnik myszy nad MovieClipem. Przypisująć wartość false, tracimy kursor w kształcie rączki, pozostanie tylko zwykła strzałka.

Po obejrzeniu filmu
Na filmie przedstawiłem, jak button działa na kliknięcie i zwolnienie lewego przycisku myszki. Flash oferuje więcej możliwości. Funkcję można wywołać, na przykład w momencie kiedy kursor myszki, znajdzie się nad przyciskiem. Aby tego dokonać, wystarczy zmodyfikować kod przycisku.

przycisk_btn.addEventListener(MouseEvent.CLICK, przesun);

na

przycisk_btn.addEventListener(MouseEvent.MOUSE_OVER, przesun);

eżeli teraz przetestujesz animację, to wystarczy, że kursor umieścisz nad przyciskiem, a MovieClip się przesunie, gdyż funkcja sterująca kwadratem, zostanie wykonana.

Poniżej przedstawiam wszystkie zdarzenia MouseEvent, na które mogą reagować obiekty typu Button lub MovieClip.

CLICK – naciśnięcie i zwolnienie przycisku myszy
DUBLE_CLICK – szybkie dwukrotne naciśnięcie i zwolnienie przycisku myszy (coś jak folder w systemie Windows, kiedy chcemy go otworzyć)
MOUSE_MOVE – poruszenie myszy (przesunięcie kursora po ekranie)
MOUSE_DOWN – przycisk myszy jest wciśnięty
MOUSE_UP – przycisk myszy nie jest wciśnięty
MOUSE_OVER - kursor przemieszcza się nad obiekt docleowy
MOUSE_OUT – kursor opuszcza obszar obiektu docelowego
MOUSE_WHEEL – kółko myszy się obraca

To już wszystkie zdarzenia typu MouseEvent.

—————–

Ze względu na częste pytanie jaki kod należy napisać, aby przeniusł nas na stronę www, umieszczamy kod występujący poniżej:

var adres:URLRequest = new URLRequest („http://www.google.pl”);
przycisk_btn.addEventListener(MouseEvent.CLICK, przenies);
function przenies(myszka:MouseEvent): void {
navigateToURL(adres);
}

Oczywiście zamiast adrsu strony google, wprowadzamy własny adres www, do której chcemy się odwołać.

Po obejrzeniu filmu
Ja w filmie pokazałem jak wykorzystać instrukcje warunkowe if, if else i if else if, w przypadku pól tekstowych. Oczywiście możemy zastosować instrukcje warunkowe w dowolny sposób. Możemy sprawdzić, czy dany obiekt na scenie osiągną odpowiednie położenie na osi x lub y. Wtedy nasza instrukcja warunkowa if, będzie wyglądać następująco.

if (movieClip_mc.x == 300) {
//instrukcje do wykonania
}

Oczywiście analogicznie do tego co prezentowałem w filmie. Akcja wewnątrz instrukcji warunkowej if, zostaną wykonane, kiedy położenie MovieClip, o nazwie movieClip_mc, bedzie równe 300 pikseli na osi x.

Action script dysponuje większą liczbą operatorów porównań.

Teraz przykład

if (movieClip_mc.y >= 200) {
//instrukcje do wykonania
}

Czyli movieClip na osi y będzie większy lub równy 200 pikseli, to zostaną wykonane akcje, wewnątrz nawiasów {} instrukcji warunkowej if.

W każdym wyżej wymienionym przykładzie w instrukcji if sprawdzamy jeden wrunek. Możemy takich warunków sprawdzać więcej, za pomocą operatorów logicznych.

|| łączy dwa warunki, aby cały warunek został spełoniony, jeden z warunków musi zostać spełniony. Możemy to traktować jak nasze „lub”

&& łączy dwa warunki, aby cały warunek został spełniony, oba warunki muszą zostać spełnione. Możemy to traktować jak nasze „i”

No to teraz przykład

if (movieClip_mc.x >= 200 || movieClip_mc.y > 100) {
//instrukcje do wykonania
}

Instrukcja warunkowa if zostanie wykonana kiedy MovieClip o nazwie movieClip_mc, na osi x będzie większy lub równy 200 pikseli, LUB instrukcja warunkowa if zostanie wykonana, kiedy ten sam MovieClip na osi y osiągnie wartość większą niż 100 pikseli

if (movieClip_mc.x >= 200 && movieClip_mc.y > 100) {
//instrukcje do wykonania
}

Tym razem instrukcja warunkowa if zostanie wykonan kiedy MovieClip o nazwie movieClip_mc na osi x będzie większy lub równy 200 pikslei I kiedy ten sam MovieClip na osi y będzie większy od 100 pikseli.

Oczywiście te same zasady dotyczą instrukcji warunkowej else if