Flash Ve XML Kullanımı

Öncelikle istediğiniz boyutlardaki Flash dosyanızı açın ve aşağıdaki gibi bir form hazırlayın. Daha sonra 3 yeni layer oluşturun ve bunların adlarını actions, text, textBoxes olarak değiştirin. Actions layerinin ilk layerine gelerek stop(); komutunu ekleyin.


2- Formu oluşturmak için 4 dinamik textbox a ve 2 buttona ihtiyaç duyacaksınız. Öncelikle textbox ları textBoxes layerinin içinde oluşturun ve daha sonra textboxları sırasıyla şu şekilde adlandırın: name_txt, email_txt, web_txt, ve entryNum_txt. Textboxların sıralamasını üstteki resimde görebilirsiniz. Şimdi textboxlarımızın üstüne üstteki gibi isim,Email,Website yazılarını text layeri altında yazalım(Hangisine neyin yazılacağını belirtmek için). Şimdi formumuzda ki butonların düzenlemesine geçiyoruz. Ben basitce 2 üçgen oluşturdum butonlar için (siz istediğinizi yapabilirsiniz) daha sonra bunları butona çevirdim. Buttonların yapımını bitirdikten sonra entryNum_txt yi bu butonların arsına yerleştirdim. Şimdi işimizin zor bölümü sona erdi, eğlenceli bölüme geçiyoruzJ

3- Şimdi İletişim telefon defterimizin içine bilgileri çekebilmek için XML dosyamızı oluşturacağız. XML dosyamıza koyacağımız kodlar şu şekilde olacak.

<contacts>

<entry name=”Harun” email=”webmaster-harun@msn.com” website=”http://www.flashkurdu.com”/>

<entry name=”Harun TURAN2″ email=”garintsi@gmail.com” website=”http://www.flashkurdu.com”/>

</contacts>

Yeni bir Metin belgesi açın ve daha sonra bu kodları içine kopyalayıp adını contacts.xml yaparak kaydedin ve Flash dosyanızla bulunduğu klasöre atın.

4- Şimdi aşağıdaki kodları kopyalayın ve actions layerine daha önceden eklediğimiz stop(); komutunun üstüne ekleyin.

var contacts = new XML();

contacts.ignoreWhite = true;

var entry = 0;

var total = 0;

var current = 0;

5- Şimdi Flash’a XML deki bilgileri çekecek kodları ekliyoruz. Az sonra yazacağınız kodları az önce yazdıklarımızın altına Stop(); komutunun üstüne kopyalayın.

contacts.load(”contacts.xml”);
contacts.onLoad = function(success) {
if (success) {
name_txt = this.firstChild.childNodes[_root.entry].attributes.name;
email_txt = this.firstChild.childNodes[_root.entry].attributes.email;
web_txt = this.firstChild.childNodes[_root.entry].attributes.website;
_root.total = this.firstChild.childNodes.length;
_root.current = _root.entry + 1;
entryNum_txt = _root.current+” of “+ _root.total;
}
};

6- Şimdi oluşturduğumuz butonların XML deki bilgileri çekerek ileri geri gitmesini sağlayacak kodları yazıyoruz. Aşağıdaki kodu ileriye gidecek butonun üstüne tıklayarak actions paneline ekliyoruz.

on(press) { if(_root.entry + 1 == _root.total) { _root.entry = 0; } else { _root.entry += 1; } _root.contacts.load("contacts.xml");}

Aşağıdaki kodlarıda geriye gidecek butonun actions paneline ekliyoruz;

on(press) {if(_root.entry == 0) { _root.entry = _root.total - 1;} else { _root.entry -= 1;}_root.contacts.load("contacts.xml");}

7- Arkadaşlar bugünki dersimizde bu kadar. Umarım çok güçlü bir kodlama dili olan XML nin Flash ile birlikte kullanımını anlatabilmişimdir… Bundan sonra her gün 2 özgün ders ile birlikte olacağız. Aşağıdaki linkten uygulamanın sonunda oluşacak FLA ‘yı indirebilirsiniz…

UYGULAMA DOSYASINI İNDİRİN: