Flash CS5 - Gelişmiş ActionScript Düzenleyicisi, Vidobu.

Barış Özcan, Halid Özgür ve Hakan Çamoğlu, “Adobe Anadolu’da” etkinliği için İstanbul’dan Eskişehir’e doğru yaptıkları tren yolculuğu esnasında kısa bir söyleşi kaydettiler. Kişisel geçmişlerinden, Adobe ile ilgili faaliyetlerden, eğitimlerden ve unutulmayan anılardan söz ettiler.

http://www.camoglu.net/?p=405

Bu mantık pek çok yerde işimize yarayabiliyor. Sayfalama sistemlerinde bu yöntem mükemmeldir. Sahnede toplamda kaç kutu var, bu kutu sayısını 5′er li sıralarsam son sayfaya kaç kutu düşüyor. Ya da sayfalama işlemi küsüratsız olarak bitti ise ileri butonunu kullanıma kapat gibi…

Yöntemin nasıl değerler döndürdüğüne bakalım:

Yöntemden kısaca bahsetmiş olduk.

Görüldüğü gibi sayfalama için kullanılabilirliği mükemmel.

Bu teknik için bir sınıf oluşturmaya çalışalım. Böylece örneğin 2 ile 70 arasında 4 ile tam bölünebilen sayıları yeni bir diziye kolayca aktarabileceğiz. Örneğin split static fonksiyonu belirli karakterden string ifadeyi parçalayarak her elemanı dizi olarak döndürüyor, bunu kullanarak yeni bir dizi oluşturabiliyoruz.

Haydi bismillah, bu da as3coder sınıfları arasına girmiş olsun:

Kullanım:

Yeri gelmişken örnek uygulamanın kodlarınıda ekleyelim. Unutmayın: kütüphanede numara adlı bir movieClip var ki sınıf ismi “numara”. Numarayı kütüphaneden çağırmak için numara_mc:numara = new numara() dediğimizi farkedeceksiniz. Numaranın da içinde numara_txt adlı bir dynamic metinimiz var. Sahnedeki sifirla_btn’yi de unutmayın. Tabiki örnek dosyayı indirerek de detayları inceleyebilirsiniz.

Dosyalar: http://as3coder.com/dosyalar/uygulamalar/bolunebilme_sayfalama/bolunebilme_sayfalama.rar

Dersi Arşivleyin(PDF): http://as3coder.com/dosyalar/uygulamalar/bolunebilme_sayfalama/Iki_sayi_arasinda_belirli_bir_sayiya_bolunebil.pdf

Tam Sayfada Görüntüleyin: http://as3coder.com/dosyalar/uygulamalar/bolunebilme_sayfalama/Iki_sayi_arasinda_belirli_bir_sayiya_bolunebil.html

Bu uygulama As3coder.com / Burak Aydın Tarafından Geliştirilmiştir. Kaynak Gösterilmeden Yayınlanması Yasaktır.

Bu uygulamada masaüstü yazılımların tamamında rastladığımız geri al / ileri al fonksiyonlarını modelleyerek yeniden oluşturmaya çalışacağız.

Referans yazılımımız “Adobe Flash” olacak. Flash içinde bir kutu çizip fare ile birkaç kez konumunu değiştirin. Ve ctrl+Z tuşlayarak geri alma fonksiyonunu çalıştırın.

Tecrübe edeceğiniz gibi kutucuk geçtiği noktalarda tekrar oynatılabiliyor.

Bunun yanında geri alma işlemi yaparken kutucuğun konumunu değiştiren bir işlem daha yapın farenizle. Şimdi tüm işlem listesini bozmuş oldunuz. Öyleyse flash’ın history mantığı bundan sonraki tüm adımları temizleyecektir.

Bizde yazılımımızda geri alma işlemi sırasında yeniden kutucuğun konumlandırılması olayında history listesindeki elemanların bu adımdan sonraki kısmını temizleyeceğiz.

History mantığını kurmak için dizileri kullanacağız. Diziye x ve y eksenindeki konum’u belirten iki değer kaydedeceğiz her seferinde. Bunlar da tek bir eleman altında yer alacak.

Mesela diziye 4. işlem elemanı kaydedildiğinde bu yeni elemanında altında iki değişken olacak. Bir nevi dizi içinde dizi. bunlardan 0′ıncısı xKonum, 1′incisi yKonum değişkeni olacak.

Yani:

0 <İşlem>

0 <xKonum>

1 <yKonum>

1 <İşlem>

0 <xKonum>

1 <yKonum>

2 <İşlem>

0 <xKonum>

1 <yKonum>

Şeklinde bir işlem ağacı oluşturacağız.

Başlayalım o halde:

Kodları HTML Olarak Görünüleyin: http://as3coder.com/dosyalar/uygulamalar/history_mantik/actionscript_3_history_mantigi.html

Kodları PDF ile Önizleyin: http://as3coder.com/dosyalar/uygulamalar/history_mantik/History_Mantigi.pdf

Çalışma Dosyasını İndirin(fla): http://as3coder.com/dosyalar/uygulamalar/history_mantik/geriAl.fla

www.as3coder.com | Burak AYDIN

Flash ile ilgili web tasarımcıları desteklemek ve flash’a teşvik amaçlı bu sene 3. sü düzenlenecek olan Ödüllü Flash Web Tasarım Yarışması olan Flash Ödülleri Başladı.

İlki Adobe ‘un Türkiyedeki Resmi Kullanıcı Grubu olan FlashArsivi.com tarafından 2008 yılında düzenlenen, 2.si de 2009 yılında bol ödül ve bol katılımla gerçekleşen yarışma 2010’da da büyük ilgi bekliyor.

Yarışma sonunda ilk 10 tasarıma olmak üzere oldukça ödül dağıtacak olan yarışmaya başvurular başladı.

Katılmak için ise sitenin katılımcı tarafından Adobe Flash ile tasarlanmış olması yeterli.

Sponsorlar arasında Adobe başta olmak üzere Creasist Bilişim Sistemleri gibi büyük kuruluşların da yer aldığı yarışma aynı zamanda sponsor arayışlarına da devam etmektedir.

Katılmak isteyen veya detaylı bilgi almak isteyenler için yarışma sitesi ; www.flashodulleri.com

Katılımın tamamen ücretsiz olacağı yarışmada ödüller şöyle (Başvuru tarihine kadar ödüllerin artacağı ön görülüyor);

http://www.flashodulleri.com/oduller.html

Önemli Not: Son başvuru tarihine kadar(1 Mayıs 2010) Ödüller artabilir, azalabilir veya sıralamadaki yerleri değişebilir.

»Yarışma 1.si ödülleri:

1. Creasist Bilişim Teknolojileri Akademisinden, 4,000 $ değerinde ücretsiz 6 aylık seçilecek herhangi bir paket eğitimi. Eğitim paketleri;
   • Sistem Uzmanlığı (Eğitim sonunda Microsoft Sertifikası (MCSE+M+S) verilecektir.)
   • Yazılım Uzmanlığı (Eğitim sonunda Microsoft Sertifikası (MCPD) verilecektir.)
   • Network Teknisyenliği
   • Network Uzmanlığı
   • Web Tasarımı ve Programlama
   • Grafik Tasarımı
   • Donanım - Network
   • Temel - İleri Ofis ve Bilgisayar İşletmenliği

Yarışma 1. si İstanbul dışından ise konaklamadan Creasist veya FlashArsivi sorumlu değildir. Kazanan bu hakkını herhangi birine 6 ay içinde devredebilir.

1. Antpa’dan Ücretsiz Agfaphoto Digital Fotoğraf Makinası.
   Ürün Özellikleri için tıklayın(Yeni pencerede açılır)
2. EvimAvm’den Ücretsiz PHILIPS LCD Monitör.
   Ürün Özellikleri için tıklayın(Yeni pencerede açılır)
3. Akortek Bilişimden Ücretsiz UC-LOGIC LaPazz WP8060 A5 Grafik Tablet
   Ürün Özellikleri için tıklayın(Yeni pencerede açılır)
4. Kodlab Yayıncılıktan Adobe Air Kitabı.
   Ürün Özellikleri için tıklayın(Yeni pencerede açılır)
5. VideoEğitimden(mydersane)’den ActionScript 3.0 Eğitim Seti.
   Ürün Özellikleri için tıklayın(Yeni pencerede açılır)

»Yarışma 2.si ödülleri:

1. Creasist Bilişim Teknolojileri Akademisinden, 4,000 $ değerinde ücretsiz 6 aylık seçilecek herhangi bir paket eğitimi. Eğitim paketleri;
   • Sistem Uzmanlığı (Eğitim sonunda Microsoft Sertifikası (MCSE+M+S) verilecektir.)
   • Yazılım Uzmanlığı (Eğitim sonunda Microsoft Sertifikası (MCPD) verilecektir.)
   • Network Teknisyenliği
   • Network Uzmanlığı
   • Web Tasarımı ve Programlama
   • Grafik Tasarımı
   • Donanım - Network
   • Temel - İleri Ofis ve Bilgisayar İşletmenliği

Yarışma 1. si İstanbul dışından ise konaklamadan Creasist veya FlashArsivi sorumlu değildir. Kazanan bu hakkını herhangi birine 6 ay içinde devredebilir.

1. EvimAvm’den Ücretsiz PHILIPS LCD Monitör.
   Ürün Özellikleri için tıklayın(Yeni pencerede açılır)
2. Akortek Bilişimden Ücretsiz UC-LOGIC LaPazz WP4030 Mini Grafik Tablet.
   Ürün Özellikleri için tıklayın(Yeni pencerede açılır)
3. Kodlab Yayıncılıktan Adobe Air Kitabı.
   Ürün Özellikleri için tıklayın(Yeni pencerede açılır)
4. VideoEğitimden(mydersane)’den ActionScript 3.0 Eğitim Seti.
   Ürün Özellikleri için tıklayın(Yeni pencerede açılır)

»Yarışma 3.sü ödülleri:

1. Adobe ‘den ücretsiz Adobe Flex 3.0 Lisansı.
2. Kodlab Yayıncılıktan Adobe Air Kitabı.
   Ürün Özellikleri için tıklayın(Yeni pencerede açılır)
3. VideoEğitimden(mydersane)’den ActionScript 3.0 Eğitim Seti.
   Ürün Özellikleri için tıklayın(Yeni pencerede açılır)

»Yarışma 4.sü ve 5.si ödülleri:

1. Kodlab Yayıncılıktan Adobe Air Kitabı.
   Ürün Özellikleri için tıklayın(Yeni pencerede açılır)
2. VideoEğitimden(mydersane)’den ActionScript 3.0 Eğitim Seti.
   Ürün Özellikleri için tıklayın(Yeni pencerede açılır)

»Yarışma 5.si, 6.sı, 7.si, 8.si, 9.su ve 10.su ödülleri:

1. VideoEğitimden(mydersane)’den Flex Developer Eğitim Seti.
   Ürün Özellikleri için tıklayın(Yeni pencerede açılır)

Soru işareti ve noktalı virgül kullanarak oluşturulan koşullu ifade, yazım esnasında çabukluk ve kod satırlarından tasarruf sağlıyor. 5 Satırlık bir koşullu ifade programı yerine tek satırda da istediğiniz şartları sağlayabiliyorsunuz.

test_btn.name=”yeniIsim_mc” ise film klibinin durum adını “yeniIsmim_mc” olarak güncellemekte.

“test_btn” durum adlı(instance name) bir film klibimiz olsun.

test_btn.visible=false;

kodu, test_btn’nin gizlenmesini sağlamakta.

İlk uygulamamız boolean bir değişkenin durumuna göre, test_btn’yi gizlemek ya da göstermek üzerine olsun.

Koşulun anlamını başta yazalım ki kafamız karışmasın.

Şimdi bu kodu yeniden düzenleyelim.

ya da

Burada (”?”) karakteri ise ‘nin, (”:”) karakteri ise değilse ‘nin rolünü alıyor.

durum?

demek if(durum) anlamına geliyor

:

bunu yazmak ise değilse yani else yazmak yerine geçiyor.

“durum’un” numerik bir değişken olduğunu düşünelim ve ehliyet alma yaşını sorgulayalım

durum >= 18 ?

if(durum >= 18) anlamına geliyor. Süslü parantezi koymadan devam ediyoruz, bu da test_btn’nin visible özelliğini değiştiriyor.

durum >= 18 ? true

değilse false diyelim

durum >= 18 ? true : false

Basitçe bu şekilde kullanılıyor.

Birde string örnek üzerinde görelim

Değişken atarken kullandığımız bu ifadeyi, elbette ki değişken atadıktan sonra da kullanabiliriz. Ben daha zor olanı yazmak istedim.

Son örneğimiz, Fare olayı dinleyicisi yani mouseEvent eklenmesi gereken bir film klibine, üzerinde fare olayı dinleyicisi olup olmadığını sorgulamak, eğer üzerinde fare olayı mevcut değilse fare olayını eklemek üzerine olsun.

Normalde bu programcığın kodu şu şekildedir.

3 Satırlık bu kodu tek satırda şöyle bitirebiliriz:

Burak AYDIN | www.as3coder.com

PDF: http://as3coder.com/dosyalar/kosullu_ifadeleri_kisaltmak/kosullu_ifadeleri_kisaltmak_PDF.pdf

DOSYA: http://as3coder.com/dosyalar/kosullu_ifadeleri_kisaltmak/kosullu_ifadeleri_kisaltmak.fla

KODLAR(HTML): http://as3coder.com/dosyalar/kosullu_ifadeleri_kisaltmak/kosullu_ifadeleri_kisaltmak.html

Daha basit ve hızlı olmasını öngörerek nesne tabanlı olmayan, bolca MovieClip(film klibi) kullandığınız çalışmalar hazırlamışsınızdır. Özellikle e-learning uygulamalarında 10 ila 20 sayfalık  film kliplerinde gezinmeyi sağlayan bir program yazmak istediğnizde, anlatacağım teknikler işinizi çok kolaylaştıracak. 5-6 ‘dan daha az sayfa için her butona ya da movieClip’e dinleyici ekleyebilirsiniz. Çok fazla sayfanız ve düğmeniz varsa, butonların kendiliğinden kütüphaneden gelip dizildiği nesne tabanlı uygulamalar hazırlamanızı öneriyorum. Biz de hız kazanmak açısından hangi teknikleri kullanabileceğimize bakalım.

Bu uygulamada tüm butonlara tek tek görev eklemek ve fonksiyon atamak yerine, tüm butonları tek bir film klibine hapsetmek suretiyle film klibine görev ekleyecek ve tek bir fonksiyon ile hangi tuşa basıldığının tesbitini yaparak framelerde gezinmeyi sağlayacağız.

butonlar_mc.addEventListener(“click”,git);

Temel mantığımızı bu satır üzerine kuracağız

Öncelikle çalışmamızda kullancağımız split metodundan bahsedelim

String bir değişken sınıfının alt fonksiyonu olarak kullanılıyor. Kullanıldığı değişkeni ikiye ayırıp yeni bir diziye atayan fonksiyona split diyoruz. Yani ayırma fonksiyonu.

İçerisine string bir değer kabul ediyor. Bu değerden öncesini ve sonrasını parçalıyor. Değeri geri dönürdüğümüzde array nesnesi elde ediyoruz. Bunun da elemanlarına ulaşabiliyoruz.

String bir değişken oluşturalım.

var testStr:String= “as3coder.com”;

Şimdi bu değişkeni görüntüleyelim

trace(testStr); // as3coder.com

Değişkenimizi nokta ile parçalayalım ve yeni dizi elemanlarımızı görüntüleyelim

trace(testStr.split(”.”)[0]); //as3coder

trace(testStr.split(”.”)[1]); //com

Tabi burada bunu diziye tek seferde atıp elemanlarınıda çekebiliriz.

var testDizi:Array = testStr.split(”.”);

trace(testDizi[0], testDizi[1]);

gibi.

Sayfamızda 10 tane buton olsun. Bu butonlara tıklandığında frame değişsin. Mesela 8. butona tıklandığında frame 8′e atlayalım.

Butonların olduğu frameyi ayrı, içeriği ayrı bir layer(katman)’da tutunuz. Böylece butonları 10 framede uzatmak için insert frame, içerikleri ise her frame için insert keyframe komutuyla ayırabilelim. Şekilde ki düzenleme uygun olacaktır.

Bu uygulamada frameler’e göndermek üzere 10 butonumuz var. Bunları “buton1_btn”, “buton2_btn” şeklinde isimlendirmemiz gerekiyor. Ya da başka şekilde ama o zaman yazımıda değiştirmemiz gerekir.

gotoAndStop() , git ve dur anlamına gelen, değer olarak integer yani tamsayı kabul eden bir fonksiyon.

Yazımı şu şekilde: gotoAndStop(2);

Bakalım bu uygulamada kodlardan kaç satır tasarruf edeceğiz. Her butona tek tek görev eklemek istersek yazılım şu hali alıyor.

buton1_btn.addEventListener(”click”,git1);

buton2_btn.addEventListener(”click”,git2);

buton3_btn.addEventListener(”click”,git3);

buton4_btn.addEventListener(”click”,git4);

buton5_btn.addEventListener(”click”,git5);

buton6_btn.addEventListener(”click”,git6);

buton7_btn.addEventListener(”click”,git7);

buton8_btn.addEventListener(”click”,git8);

buton9_btn.addEventListener(”click”,git9);

buton10_btn.addEventListener(”click”,git10);

function git1(e:MouseEvent) {

gotoAndStop(1);

}

function git2(e:MouseEvent) {

gotoAndStop(1);

}

function git3(e:MouseEvent) {

gotoAndStop(1);

}

function git4(e:MouseEvent) {

gotoAndStop(1);

}

function git5(e:MouseEvent) {

gotoAndStop(1);

}

function git6(e:MouseEvent) {

gotoAndStop(1);

}

function git7(e:MouseEvent) {

gotoAndStop(1);

}

function git8(e:MouseEvent) {

gotoAndStop(1);

}

function git9(e:MouseEvent) {

gotoAndStop(1);

}

function git10(e:MouseEvent) {

gotoAndStop(1);

}

Şu an okuması bile zor olan 42 satırımız var…

Bundan daha kısa bir yol olarak tek bir fonksiyon girebilirdik.

function git(e:Event) {

if (e.target.name==”buton1_btn”) {

gotoAndStop(1);

}

if (e.target.name==”buton2_btn”) {

gotoAndStop(2);

}

…….

}

Ancak bu da hayli uzun bir yazım olurdu.. case swich ile yapabilirdik. Yazımı biraz daha kısaltırdık. Bütün bu uzun seçenekler yerine yine de biz, split metoduyla gotoAndStop fonksiyonuna değer gönderebiliriz. Hatta her butona tek tek görev eklemek yerine, onları bir film klibi içine alıp sadece film klibine’de görev ekleyebiliriz.

Hatırlayacağınız gibi target, hedef nesneyi, currentTarget en dışarıdaki hedefi döndürüyordu. Yani bir film klibi oluşturup içine 10 tane buton eklesek, butonlar_mc ‘nin addEventListener fonksiyonunu çalıştırsak, if e.target==”buton1_btn” desek yine aynı şeyi elde etmiş olacağız. Ancak bundan önce split metoduyla birdaha deneyelim.

buton1_btn.addEventListener(”click”,git);

buton2_btn.addEventListener(”click”,git);

buton3_btn.addEventListener(”click”,git);

buton4_btn.addEventListener(”click”,git);

buton5_btn.addEventListener(”click”,git);

buton6_btn.addEventListener(”click”,git);

buton7_btn.addEventListener(”click”,git);

buton8_btn.addEventListener(”click”,git);

buton9_btn.addEventListener(”click”,git);

buton10_btn.addEventListener(”click”,git);

function git(e:Event) {

gotoAndStop(int(e.target.name.split(”_”)[0].split(”buton”)[1]));

}

Kısaca ne yaptığımızı anlatayım.

Eğer git fonksiyonunun içinde:

trace(e.target.name); yazsaydık “buton1_btn” gibi çıktılar alırdık.

Eğer trace( e.target.name.split(”_”) [0]); yazsaydık, “buton1″ çıktısını alırdık.

Dolayısıyla split metodu ile bir dizi oluşturmuş oluyoruz. Bu dizinin sıfırıncı elemanı, “buton1_btn” nin “_” ‘den parçalanmış halinin ilk elemanı olur.

İki eleman sırasıyla şöyledir: “buton1″ ve “btn”

İlk elemanı(buton1) yeniden parçalamak istersek

e.target.name.split(”_”)[1] kısmından sonra tekrar split ekleriz böylece şuna benzer: String(”buton1″).split(”buton”)[1]

Ekleyelim: e.target.name.split(”_”)[0].split(”buton”)[1];

“buton1 ‘in”, “buton’dan” ayrılmış kısmının birinci elemanı “1″ olacaktır. Sıfırıncı elemanı boş olacaktır. Bunun çıktısını alalım.

trace(e.target.name.split(”_”)[0].split(”buton”)[1]); // 1

Burada “buton1″ şeklindeki terimi “buton” ifadesinden parçalamış oluyorum. Böylece yeni dizimin sıfırıncı elemanı “buton”, birinci elemanı, “1″ olmuş oluyor.

Artık yapılması gereken tek şey elde edilen değeri integer yani tam sayı haline çevirilmesi.

int(”1″); in asıl değeri 1 olarak döner yani tamsayıdır. Eğer int(e.target.name.split(”_”)[0].split(”buton”)[1]) yazarsak yine gerçek bir integer olarak 1 sayısı dönecektir.

o zaman gotoAndStop(int(e.target.name.split(”_”)[0].split(”buton”)[1]));

yazarsam program beni 1. frameye gönderecektir. Şu halde yazılımımız oldukça kısaldı. Ancak ilerleyen aşamalarda daha da kısaltmamız gerekecek.

buton1_btn.addEventListener(”click”,git);

buton2_btn.addEventListener(”click”,git);

……

function git(e:Event) {

gotoAndStop(int( e.target.name.split(”_”)[0].split(”buton”)[1] ));

}

Böylece 42 satırı 13 satıra indirmeyi başarmış olduk.

Şimdi yapacağımız uygulama ile 42 satırı sadece 3 satıra indireceğiz.

Tüm butonları tek bir film klibinin içine alın ve yeni film klibinin durum adını(instance name) butonlar_mc olarak değiştirin

Şu durumda butonlar_mc.addEventListener(”click”,git);

Şeklinde tek bir dinleyici ekleyebiliyoruz. Bu dinleyici kendi içerisindeki butonlarıda kaydederek fonksiyona gönderiyor. Bunu da target değişkenine kaydediyor.

Eğer böyle değilde sadece butonlar_mc nin bilgilerini çalıştırmak isterseniz git fonksiyonu içinde trace(e.currentTarget.name) .. vesaire şekillerde kullanabilirsiniz.

Ancak butonlar_mc’nin içindeki butonlardan hangisine tıklandığını anlamak istiyorsanız target değişkenine gelen değeri çağırabilirsiniz.

Programımızın son hali 3 satır olarak şu şekilde:

// KODLAR

stop();

// İçeride bulunan tüm butonlarımıza aynı görevi ekliyoruz
butonlar_mc.addEventListener(“click”,git);

// Git fonksiyonunu tanımlıyoruz

function git(e:Event) {

}

// Burak AYDIN | www.as3coder.com

Burak AYDIN | www.as3coder.com

Önizleme: http://as3coder.com/2010/02/13/daha-az-kod-kullanarak-yuksek-sayidaki-film-klibimovieclip-ve-dugmeleributton-gorevlendirmek/

Dosya: http://as3coder.com/dosyalar/daha_az_kod/daha_az_kod.fla

PDF: http://as3coder.com/dosyalar/daha_az_kod/Daha_Az_Kod.pdf

KODLAR(HTML): http://as3coder.com/dosyalar/daha_az_kod/daha_az_kod.html

Kar üretim sayısını artırmak için karOlusturucu_tmr ‘de ki  100 rakamını küçültün. 70 ten aşağı inmemenizi tavsiye ederim çünkü sprite kullanmadım

Kütüphanemizde kar için bir mc olmak zorunda. linkage ile “kar” olarak sınıf ismi veriniz.

________________________________________________________

// KODLAR //

// Zamanlayıcı değişkeni oluşturuluyor, Timer sınıfının Timer
// fonksiyonuna “200 milisaniye” ve “sonsuz/0″ değerlerini yolluyoruz (200,0)
var karOlusturucu_tmr:Timer=new Timer(200,0);
// Zamanlayıcı değişkenine karOlustur_tmr_fnk adlı bir dinleyici
// ekliyoruz. Böylece bu fonksiyon 200 milisaniyede bir çalışacak

karOlusturucu_tmr.addEventListener(TimerEvent.TIMER, karOlustur_tmr_fnk);
// Zamanlayıcı sınıfının start/başlat fonksiyonunu çalıştırıyoruz
karOlusturucu_tmr.start();
// Kar alanı, yani kar’ın yağması gereken kısmı belirleyen
// film klibini gizliyoruz
kar_alani_mc.visible=false;

// Yön, hız ve kar taneleri boyutları için birer değişken
// oluşturuyoruz. Bu değişkenler timer içerisinde her tanecikte
// farklı değerler için kullanılacaklar
var yon:Number;
var hiz:Number;
var size:Number;

// Zamanlayıcımıza eklediğimiz dinleyiciyi çalıştırıyoruz
function karOlustur_tmr_fnk(e:TimerEvent) {

// Yeni bir kar tanesi oluşturuyoruz. Kar tanesini
// kütüphanede karBlur / Properties / Linkage kısmına girdiğimiz
// değerler sayesinde sahneye çağırıyoruz
var kar_mc:kar = new kar();

// Kar tanesinin ilk x değeri, bu sayı üretici kar alanı
// film klibinin x ve  x + width değerleri arasında rastgele değer
// oluşturacak
// İkinciden başlamak üzere, birinciyle ikincinin toplamı arasında üretir
// Birinci değer: kar_alani_mc.width, İkinci değer:

// kar_alani_mc.x, Üretim: kar_alani_mc.x ile,
// (kar_alani_mc.x + kar_alani_mc.width) arasında bir sayı
kar_mc.x=Math.random()*kar_alani_mc.width+kar_alani_mc.x;
// Kar tanesinin ye konumu kar alanının y konumu ile aynı olsun
kar_mc.y=kar_alani_mc.y;

// Hız, yön ve boyut değişkenlerini bu kar tanesi için değiştiriyoruz.
// Yine rastgele sayı üretme fonksiyonu aynı mantık üzerine kullanıldı
// Hız, 1.5 ile 2.5 arasında bir değer
hiz=Math.random()* 1 + 1.5;
// Yön, 0.5 ile -0.5 arasında bir değer
yon=Math.random()*-1+.5;
// Boyut, 0.05 ile 0.35 arasında bir değer
size=Math.random()*.3+.05;

// kar_mc,hiz,ve yon olmak üzere 3 tane değişken kabul eden,
// kar tanesinin hareketini başlatan fonksiyonumuzu çalıştırıyoruz
// Bu fonksiyona beklediği değişkenleri göndermek durumundayız, parantez içinde yaptığımızda bu.
yagis_fnk(kar_mc,hiz,yon,size);

}

// 200 milisaniyede bir çalışan timer fonksiyonu, 200 milisaniyede
// bir bu fonksiyonu çalıştırıyor. Buraya kar tenesi için
// film klibi, hız, yön ve boyut için değişkenler postalıyor.
function yagis_fnk(gelen_kar_mc:MovieClip,hiz_data:Number, yon_data:Number,size_data:Number) {

// yagis_fnk her kar tanesi için bir kere çalışır. O halde gelen kar tanesini boyutlandıralım.
gelen_kar_mc.scaleY=size_data;
gelen_kar_mc.scaleX=size_data;

// Sahnenin frame ilerlemesi olayına dus_enter_fnk adında bir
// dinleyici ekliyoruz. Böylece flash frameler arasında her
// ilerlediğinde bu fonksiyonu çalıştıracak.
stage.addEventListener(Event.ENTER_FRAME,dus_enter_fnk);

// Düş Enter Fonksiyonu’nu  tanımlıyoruz.
function dus_enter_fnk(e:Event) {

// Gelen kar, yagis_fnk adlı fonksiyona
// gönderilen bir değişkendi. Bu film klibinin y özelliğini her
// frameye girildiğinde hiz_data kadar artırıyoruz.
gelen_kar_mc.y+=hiz_data;
// Bu film klibinin x özelliğini her frameye girildiğinde yon_data kadar artırıyoruz.
gelen_kar_mc.x+=yon_data;

// Kar tanesini sahneye ekliyoruz
addChild(gelen_kar_mc);

// Kar tanesi ve üzerindeki
// fonksiyonları, kar tanesi kar alanının dışına çıkınca sil.
// Performans kazanmak için mutlaka yapılması gerekiyor.
if (gelen_kar_mc.y>kar_alani_mc.y+kar_alani_mc.height+gelen_kar_mc.height) {
stage.removeEventListener(Event.ENTER_FRAME,dus_enter_fnk);
removeChild(gelen_kar_mc);
}

}

}

Dosya: http://as3coder.com/dosyalar/kar_yagisi/kar.fla

Önizleme: http://as3coder.com/2010/01/01/actionscript-30-ile-kar-yagisi-efekti-nasil-yapilir/

KODLAR(HTML): http://as3coder.com/dosyalar/kar_yagisi/actionscrip_3_ile_kar_yagisi.html

PDF: http://as3coder.com/dosyalar/kar_yagisi/ActionScript_ile_kar_yagisi.pdf

Bu yazılım Burak AYDIN / AS3CODER.COM tarafından oluşturuldu.

Olay dinleyicisi statik olarak tanımlanmış bir fonksiyona benzer. Ya da öyledir.. trace() ya da gotoAndStop(15) gibi fonksiyonlardan farkı yoktur. Yazım şekli addEventListener() biçimindedir.

gotoAndStop() fonksiyonu döndürmek için değişken olarak integer bir değeri kabul ediyor. (15) gibi.. Olay dinleyicisi fonksiyonunun beklediği ve sık kullandığımız iki değer olayın türü ve çalıştırılacak fonksiyondur.

Biz bu makalede fare olaylarını değerlendireceğiz. Diğer olaylarda yapı olarak benzer şekildedirler. Mantık bir olay bekleme, gerçekleştiğinde ise bizim istediğimiz fonksiyonu çalıştırma, bu fonksiyonada yardımcı bilgileri iletme şeklinde gerçekleşir.

Uygulama Önizlemesi:

Olayların türü string değer olarak alınır. addEventListener(“click”) ya da addEventListener(MouseEvent.CLICK) şeklinde değer gönderebilirsiniz. İkinci şekilde gönderim muhtemelen bir sınıf ya da string değerleden oluşan ağaç yapılı objeyi çağırıyor olabilir. Ancak sonuç olarak değeri “click” ‘tir. Türü string’tir.

Birkaçı şöyledir:

“mouseOver” - Üzerine gelince (Fare, görev eklenmiş objenin alanına girince)

“mouseDown” - Fareye baskı uygulandığında

“mouseUp” - Uygulanan baskı son bularak kullanıcı fareden elini çekince

“mouseOut” - Üzerinden çekince (Fare, görev eklenmiş objenin alanından dışarı çıkınca)

ve “click” - Tıklatınca (Bastırılıp bırakılma olayı)

İkinci değer iste function() ‘dur. Şu şekilde yollayabilirsiniz. addEventListener(“click”,testf);

Böylece addEventListener fonksiyonuna “click” şeklinde bir string, ve testf şeklindede bir fonksiyon gönremiş olduk.

Fonksiyonuda tanımlamış olmamız gerekiyor.

function testf (e:Event) {

trace(e.target.name)

}

Bu fonksiyonu kendimiz tanımlıyoruz ancak görüldüğü gibi bir değişken beklemesi gerektiğini belirtiyoruz. e:Event yazdığımız zaman bütün olay türlerinde herhangi bir olayı yeni oluşturduğumuz e değişkenine getir demiş oluyoruz.

Burada “e” yerine istediğiniz terimi kullanabilirsiniz. gelecekOlayBilgileri gibi. Ancak değişken türü Event için o kadar özgür değiliz. Değişken olarak MouseEvent türünü ya da Object türünü kullanabilirsiniz.  function testf( gelecekOlayBilgileri:MouseEvent )

Mantığa gelelim. addEventListener(“click” , testf) derken movieclip yada kullanıyorsanız buton sınıfının içerisinde bulunan addEventListener fonksiyonuna iki değer göndermiş oluyoruz. addEventListener fonksiyonu ise kendine gönderilmiş olan testf fonksiyonunu kaydediyor. Gerektiği zaman yani tıklama gerçekleştiği zaman fonksiyonu çalıştırıyor. Ancak çalıştırmakla kalmayıp olay bilgilerini bu fonksiyona yani testf fonksiyonuna gönderiyor. Geri gönderdiği değerleri fonksiyon içinde kullanabiliyoruz. Bu değerlere örnek olarak, olay türü ya da görevlendirilmiş objenin ismi verilebilir.

Bu aşamadan sonra örneğin fonksiyon içinde kullanacağımız gelecekOlayBilgileri.target.name film klibinin adını taşımaya başlıyor. type değeri “click” olarak belirleniyor. Burada target hedef,name ise hedefin ismi olarak kullanılıyor.

Bir örnekle addEventListener fonksiyonunu kavramaya çalışalım.

Örneğimiz bir film klibinin buton gibi davranmasını, üzerine gelme ve üzerinden çekme gibi olaylara tepki vermesini sağlamak üzerine bir uygulama olsun.

Sahnede bilgi_txt durum adı’na(insance name) sahip bir dinamik(dynamic) metin kutu’muz(text box), bir de as3coder_mc durum adına sahip film klibimiz(MovieClip) olmalı.

/*
as3coder_mc adlı film kilibi'nin(MovieClip)
fare üzerine gelince el işareti çıkmasını sağlayalım
*/

as3coder_mc.buttonMode=true;

/*
as3coder_mc'nin üzerine gelinmesi olayını bekleyen bir görev ekleyelim.
Bu fonksiyondan da olay gerçekleştiğinde faref adlı fonksiyonu
çalıştırmsını isteyelim.
*/

as3coder_mc.addEventListener("mouseOver",faref);

// aynı şekilde üzerinden çekince
as3coder_mc.addEventListener("mouseOut",faref);

// aynı şekilde fareye baskı uygulanınca
as3coder_mc.addEventListener("mouseDown",faref);

// aynı şekilde fareye uygulanan baskı sonlanınca(kullanıcı elini
// çekince)
as3coder_mc.addEventListener("mouseUp",faref);

/*
addEventListener fonksiyonuna eklediğimiz bütün bu olaylar
gerçekleştiğinde şimdi yazacağımız fonksiyon çalışacak.

addEventListener fonksiyonu bu fonksiyonu çalıştırırken
faref fonksiyonuna değerler gönderecek. Bu değerlerin de
gelecekOlayBilgisi:Event şeklinde oluşturduğumuz
değişkene gelmesini sağlayalım.
*/

function faref(gelecekOlayBilgisi:Event) {

    /*
    Eğer gelecekOlayBilgisi değişkeninin type elemanı yani olay türü,
    mouseOver yani üzerine gelince ise, gelecekOlayBilgisi değişkeninin
    target elemanının yani hedef objenin alpha özelliğini 0.8 olarak
    değiştir.
    */

    if (gelecekOlayBilgisi.type=="mouseOver") {
        gelecekOlayBilgisi.target.alpha=.8;
        bilgi_txt.text="Fare üzerimde";

    // diğerlerini açıklamayacağım
    // fare düğme sınırlarından çıkınca
    } else if (gelecekOlayBilgisi.type=="mouseOut") {
        gelecekOlayBilgisi.target.alpha=1;
        bilgi_txt.text="Fare üzerimden ayrıldı";

    // fareye baskı uygulanınca
    } else if (gelecekOlayBilgisi.type=="mouseDown") {
        gelecekOlayBilgisi.target.alpha=.6;
        bilgi_txt.text="Baskı uygulandı";

    // fareye uygulanan baskı sonlanınca
    } else if (gelecekOlayBilgisi.type=="mouseUp") {
        gelecekOlayBilgisi.target.alpha=.8;
        bilgi_txt.text="Baskı sonlandırıldı";
       // navigateToURL(new URLRequest("http://as3coder.com"),"_blank");
    }
}

Not: Burada target bilgisi, görev eklenmiş film klibi içerisindeki film kliplerini temsil ediyor. Eğer içerideki film klipleri değilde en dışarıdaki film klibinin hedef bilgisini almak istiyorsanız film klibinin currentTarget özelliğini kullanmalısınız. Örnek: gelecekOlayBilgisi.currentTarget.alpha=.8; Bu konuda ayrıntılı bilgiyi, gelecek olan “Daha az Kod Yazarak Yüksek Sayıdaki Film Kliplerini Görevlendirmek” adlı makalede detaylı şekilde bulabileceksiniz.

Uyglama Dosyaları: http://as3coder.com/dosyalar/olayDinleyicileri.rar

_____________________________________________

Yorumlarınızda sorularınızı çekinmeden sorunuz. Her güncelleme google puanı demek (:

Burak AYDIN - www.mehmetoglu.org

Yaptığı flash çalışmaları ücret karşılığında yayımlamak isteyen Flash geliştiricileri artık FlashArsivi.com’da Bileşenlerini satışa sunabilirler. Üstelik satış başına sadece %30 komisyon kesinti ile.

Böylece yabancı örnekleri bulunan bu tür sitelerde çeşitli sebeplerden ötürü flash dosyalarını satışa sunamayan flash severler rahat bir şekilde satışa sunabilecek veya ücretli flash satın almak isteyen ilgililer bu hizmetten faydalanabilecekler.

www.flasharsivi.com

Nasıl Ücretli Flash Satabilirim?
http://www.flasharsivi.com/ucretliflash.asp?id=nasilSatarim
Nasıl Satın Alırım?
http://www.flasharsivi.com/ucretliflash.asp?id=nasilAlirim

Bu uygulama için aşağıdaki resimde gösterilen moviecliplerin ve dynamic text alanlarının oluşturulması gerekiyor.

Sürüklenecek Movieclip instance adları: c1,c2,c3,c4,c5,c6

Hedef Movieclipler (Boş kutucuklar) instance adları: kutuc1, kutuc2, kutuc3, kutuc4

Dikkat edildiyse Ayrıca c5 ve c6 movieclipleri fazladan konularak kullanıcının bilgisini iyice test etmesi istenmektedir.

Uygulama Kodları:

//Sürüklenecek olan MovieClip(İller)instance adları dizide saklanıyor.

var c:Array=new Array("",c1,c2,c3,c4,c5,c6);

//MovieCliplerin ilk konumları belirleniyor.

var baslangickonum:Point=new Point();

//MovieClip sürükleme sayısı ve doğru sürüklenme
//sayısını öğrenmek için değişkenler tanımlanıyor.

var denemeSayisi:int=0;
var dogruSayisi:int=0;

//Sürüklenecek moviecliplerin hepsine buton özelliği
//kazandırılıyor.
//Ayrıca mouse'a basılı tutulduğunda ve bırakıldığında
// tetiklenecek fonksiyonlar atanıyor.

for (var i:uint=1; i<c.length; i++)
{
    c[i].buttonMode=true;
    c[i].addEventListener(MouseEvent.MOUSE_DOWN,surukle);
    c[i].addEventListener(MouseEvent.MOUSE_UP,birak);
}

//Mouse'a basılı tutulduğunda çalışacak fonksiyon

function surukle(evt:MouseEvent):void
{
//Hangi movieclipe mouse ile basıldı ise o sürüklenmeye
//başlıyor.

    evt.currentTarget.startDrag();

//Sürüklenen movieclipin başlangıç konumu belirleniyor.

    baslangickonum.x=evt.currentTarget.x;
    baslangickonum.y=evt.currentTarget.y;

}

//Mouse bırakıldığında çalışacak fonksiyon

function birak(evt:MouseEvent):void
{

//kontrolEt(evt) fonksiyonu çağrılıyor.
    kontrolEt(evt);
}

//birak() fonksiyonu çalıştığında çalışacak fonksiyon

function kontrolEt(evt:MouseEvent)
{

//Sürüklenen movieclip artık sürüklenmiyor.

    evt.currentTarget.stopDrag();

//Sürüklenen movieclipin ismi öğrenilip
// "kutu" adlı string ifadeyle birleştirilip hedefMc adlı
// değişkende tutuluyor.

    var hedefMc:String="kutu"+evt.target.name;

//hedefMc adlı değişkenin bir DisplayObject olduğu
 //belirtiliyor. 

    var hedef:DisplayObject=getChildByName(hedefMc);

// Sürüklenen movieclipin kutuların üzerine
//bırakıldığında o kutu(hedef movieclipler kutuc1,....)
//boş değilse ve kutunun instance adının sürüklenen
//movieclipin "hedef" adlı o anda oluşturulan instance
//adı ile aynı ise çalışacak komutlar belirleniyor.

    if (evt.target.dropTarget!=null&&evt.target.dropTarget.parent==hedef)
    {

//Hedef kutuya sürüklenen movieclip doğru yere
//bırakıldıysa tekrar sürüklenmemesi ve bırakılmaması
//sağlanıyor.

        evt.currentTarget.removeEventListener(MouseEvent.MOUSE_DOWN,surukle);
        evt.currentTarget.removeEventListener(MouseEvent.MOUSE_UP,birak);

//Sürüklenen movieclipler kutu(kutuc1,..) moviecliplerin
//konumuna yerleştiriliyor.kutu moviecliplerin
//registration pointlerine dikkat etmek gerekiyor.
        evt.target.x=hedef.x;
        evt.target.y=hedef.y;

//DOğru yere sürüklenen moviecliplerin buton özelliği
//kaldırılıyor.

        evt.currentTarget.buttonMode=false;

//Her sürükleme işleminde doğru ve deneme sayıları
//artırılıyor ve bunlar stringe çevrilerek ekrandaki
// dinamik text alanlarında gösteriliyor.

        dogruSayisi++;
        denemeSayisi++;
        denemeSayisi_txt.text="Deneme Sayısı:"+String(denemeSayisi);
        dogruSayisi_txt.text="Doğru Sayısı:"+String(dogruSayisi);

    //Doğru sayısını kontrol eden fonksiyon çağrılıyor.
        sonuc(evt);

    } 

//Eğer sürüklenen movieclip doğru kutuya bırakılmadıysa
//ilk konumuna geri gönderiliyor ve deneme sayısı
//artırılıyor.

else
    {
        evt.currentTarget.x=baslangickonum.x;
        evt.currentTarget.y=baslangickonum.y;
        denemeSayisi++;
        denemeSayisi_txt.text="Deneme Sayısı:"+String(denemeSayisi);

    }

}

//Doğru sayısını kontrol eden sonuc() fonksiyonu
//çalışıyor

function sonuc(evt:MouseEvent)
{

//Doğru sayısı 4 olursa çalışacak komutlar belirleniyor

    if (dogruSayisi==4)
        {

//Doğru sayısı 4 olunca "Tebrikler" iletisi
//ekranda gösteriliyor.

durum_txt.text="Tebrikler";

//Yanlış olan c5 ve c6 adlı  moviecliplerin sürükleme,
//bırakma ve buton özellikleri ortadan kaldırılıyor.

c5.removeEventListener(MouseEvent.MOUSE_DOWN,surukle);
c5.removeEventListener(MouseEvent.MOUSE_UP,birak);
c5.buttonMode=false;
c6.removeEventListener(MouseEvent.MOUSE_DOWN,surukle);
c6.removeEventListener(MouseEvent.MOUSE_UP,birak);
c6.buttonMode=false;
        } 

        // Doğru sayısı 4 değilse ekranda gösterilecek
        //ileti belirleniyor.

        else
        {
            durum_txt.text="Daha Çok Çalışmalısınız";
        }

}

Uygulama Dosyası:suruklebirak.rar

• Üzerinde akrep, yelkovan, ve saniye kollarının olmadığı boş bir saat resmi
• Saati gösteren instance name’yi “saatKolu” olan bir movieclip
• Dakikayı gösteren instance name’yi “dakikaKolu” olan bir movieclip
• Saniyeyi gösteren instance name’yi “saniyeKolu” olan bir movieclip

Öncelikle Timer sınıfından “zamanlayici” adlı bir nesne oluşturuyoruz. Sonra bu zamanlayiciyi tetiklemek için bunu “TimerEvent.TIMER” olayına kaydediyoruz. Zamanlayici nesnesinin çalışması için ayrıca start() metodunu kullanmamız gerekiyor yoksa zamanlayici harekete geçmez.

var zamanlayici:Timer = new Timer(200);
zamanlayici.addEventListener(TimerEvent.TIMER,saatiCalistir);
zamanlayici.start();
saatiCalistir();

function saatiCalistir(event:TimerEvent = null):void {
    var zaman = new Date();
    var saniye:uint = zaman.getSeconds();
    var dakika:uint = zaman.getMinutes();
    var saat:uint = zaman.getHours();
    saatKolu.rotation = Math.round((360 * (saat / 12)) + (30 * (dakika / 60)));
    dakikaKolu.rotation = Math.round(360 * (dakika / 60));
    saniyeKolu.rotation = Math.round(360 * (saniye / 60));
}

“zaman” adlı bir zaman nesnesi oluşturarak, getSeconds(),getMinutes() ve getHours() metotları ile zaman nesnesinin saniye, dakika ve saat bilgilerini elde ediyoruz. Bu bilgileri elde ettikten sonra analog saatimizin saniye,dakika ve saat kollarını zamana uygun olarak hareket etmesini sağlamamız gerekiyor. Bunun için saatKolu, dakikaKolu ve saniyeKolu adlı moviecliplerimizin “rotation” özelliklerini “saat”,”dakika” ve “saniye” değişkenlerine göre ayarlamalıyız.

Öncelikle bu üç movieclipte 360 derece tur atmak zorundadır. Burada dikkat etmemiz gereken konu; her birinin tur atma hızı farklı olmalıdır.

Diyelim ki; o an için zaman nesnesi saat=5 dakika=20; saniye=5 değerlerini aldı.

saatKolu.rotation = Math.round((360 * (saat / 12)) + (30 * (dakika / 60)));

formülümüze göre (360(5/12)+(30(20)/60))=160

saatKolu.rotation=160 derece dönecektir.

dakikaKolu.rotation = Math.round(360 * (dakika / 60));

formülümüze göre (360*(20/60))=120

dakikaKolu.rotation=120 derece dönecektir.

saniyeKolu.rotation = Math.round(360 * (saniye / 60));

formülümüze göre (360*(5/60))=30

dakikaKolu.rotation=30 derece dönecektir.

Bu örnekte dikkat edilmesi gereken en önemli bölüm şurasıdır:

saatiCalistir();

function saatiCalistir(event:TimerEvent = null):void

İlk olarak TimerEvent’i tetiklendiğinde saatiCalistir fonksiyonunun null değerini alması sağlanarak başlangıçta zaman bilgisinin alınması engelleniyor. Sonra ise tekrar saatiCalistir() fonksiyonu çağrılarak o anda zaman bilgisi alınarak analog saat çalışmaya başlıyor. Bu işlem, analog saat ilk anda çalışırken saniye kolunun meydana getirdiği saniye farkından oluşan olumsuz hareketi engellemektedir.

Uygulama Dosyası:analogsaat.rar

İşte size duvarınıza asabileceğiniz bir saat. Güle güle kullanın:)

Teknolji ve bilişim çağımızın en güçlü silahları. Bilişim kavramı ise burada basitçe üzerinden geçemeyeceğimiz kadar kompleks. İşte bütün bunların gelişmekte olan Türkiye için büyük önem kazandığı bir dönemdeyiz. Öyleyse dosya paylaşım sitelerinin ve diğer internet hizmetlerinin talep eğrilerinin sağa kayacağı bir ekonomik yapılanmaya şahit olacağız.

Biz; bir kaç genç girişimci bunu farkettik ve Premiumtr projesini hayata geçirdik. Premiumtr; oldukça güvensiz olabilecek ödeme koşullarını minimum riske indirgeyen, bir o kadar da kolaylaştıran bir “ödeme hizmetleri” projesidir.

www.premiumtr.com

Flashden’de satış yapan yaklaşık 13, türkten biri de benim. Alışlarımda var tabi. Ancak bu 13 konusu benim araştırmam. Googlede indekslenmemesi mümkün değil ama başka satıcılarda ihtimal ki var olabilir..

Satış komisyonu 40% gibi çok düşük bir oran. Bu pirimin %70 e kadar çıkabiliyor para artıkça. Tabloyu siteden inceleyebilirsiniz.

Flashden çok ilginç bir yapıya sahip. Öyle; koyayım bileşenimi beğenen alsın gibi basite indirgememişler sistemi. Bir kere bileşeninizin kabul edilmesi ölüm gibi geliyor ilk başta. Lakin ben 3. bileşenimi falan kabul ettirebildim.. Ancak korkmaya gerek yok bundan sonraki aşamada yükleyeceğim bileşen %90 ihtimalle direkt satışa çıkacaktır..

Madde madde izah etmem gerekirse;

1- Tasarımı çok kötü olmayacak. Yani estetik dışı bir görünümü olmayacak yaptığınız şeyin.. Ben bununla karşılaşmadım ancak preloader yapan biri bahsetmiş bir forumda.

2- Pdf, doc hatta dileseniz video formatlarında tutorial hazırlamanız lazım. Aslında buna daha çok dökümantasyon diyelim. Yüklediğiniz dosyayı flash’ı az bilenlerin bile kullanabileceği şekilde açıklamalısnız.

Bu bağlamda hem as içindeki yorum satırlarını hem de dökümantasyonu açık bir dille ingilizce olarak doldurmanız gerekiyor. Benim ingilizcem çok kötü olduğu halde “Google Translate” ‘yi kullanarak dosyamı kabul ettirmiştim. Ancak birazda mantık olarak ingilizceyi bilmek, çeviriyi düzenlemek, çeviri için daha kolay cümleler kullanmak lazım.

3- Dosyanızın bir düzene sahip olması gerekiyor. Mesela kütüphanede symbol1232334234 gibi ifadeler olması büyük bi sorun olarak kabul edilecektir.

Bileşeniniz örneğin bir mp3 çalar ise taşı bırak yöntemine müsait olması gerekiyor. Yani film klibi içine alma işini müşteriye bırakamıyorsunuz.

Bunlar sadece dosaynızın kabul edilmesiyle ilgili maddeler. Ancak hepsinin %100 gerçekleştirilmesi gerekmiyor olabilir. Sonuç olarak bunlar bana döndüklerinde söyledikleri ve sitedeki diğer kurallar. Dosyanın kabul edilmesi dışında uymanız gereken kurallardan bahsetmedim ancak siteden inceleyebilirsiniz..

Dosyanızı sitede belirtildiği şekilde hazırlayın. Ardından zaten yaklaşık 1 hafta bekletip size geri dönecekler. Hatalarınızı vs söyleyecekler. Bunları giderip sanırım 4 gün içinde geri yolladığınızda daha çabuk inceleniyor.. Sıranızı ise sayısal olarak takip edebiliyorsunuz.

Bir de dosyanız bazen çok daha fazla süre bekletilebiliyor. Konuyla ilgilenen yetkili kişiler farkından vs sanırım.. Sıranız geldiği halde beklediğiniz kadar birdaha bekleyebiliyorsunuz..

Ödeme meseleside “paypal” ve diğer benzer bir yöntemle yapılıyor sanırım. Ben paypal kullanıyorum. Bir banka kartınız olması lazım. Sanırım mastercard yada visa özelliği olursa kabul edilecektir paypal tarafından. Ayrıca bankanızı arayıp bu kartı yurtdışı internet alışverişlerine açtırmanız gerekiyor. Mastercard ya da visa özelliğinden dolayı banka kartı geçerli olacaktır ancak kredi kartı daha sabit bir yöntem olabilir.

Paypal‘a üye olduktan sonra kartınızı onaylatıyorsunuz. Herhangi bir işlem yaptığınızda kredi kartınızdan normal şekillerde para çekiliyor. Bunu borç ödeme tarihi geçerken ödeyebiliyorsunuz.

Yine paypal geçen zamanlarda TR için TR bankalarına para gönderme hizmetini açtı. Dolayısıyla banka numaranızla paypalda biriken mevduatınızı çekebiliyorsunuz. 5-7 gün içinde para hesabınıza geçiyor ve bu işlemin ücreti yaklaşık 5 TL. Başka bir kesinti olmadığını sanıyorum. Lakin henüz flashden’de 50 dolarlık kasa hesabım oluşmadı. Parayı çekebilmek için kasa hesabı alt limitinide öğrenmiş oldunuz..

Bir de upload linkinin açılması için testi geçmeniz gerekiyor. bunun için de translete kullanabilir yada klasik şekilde sallayarak yanlışları eleyebilirsiniz. Teste başlama linkinin nerede olduğunu unuttum ancak kolaylıkla bulacağınızı umuyorum.

Diğer solarınızı yanıtlayabilirim.. Bunun için aşağıdaki kısma yorum yazabilirsiniz.

ActionScript 3.0 ile uygulama geliştirmek için artık çubukları kaydırmanız yeterli.

ActionScript 3.0 geliştiricileri için yeni “.3co” dosya formatı ile çalışacak “As3Coder Silver” AIR yazılımı hazırlıyoruz. “As3Coder Silver”, kod yazma zamanını kısaltacağı gibi ayrıca geliştiricilerin hazırladıkları dosyaları, düzenlemeye gönderen bir yardımcı olacak.

Şimdilik kesin proje aşamasında olan “3C Silver” AIR uygulaması ile ilgili haberleri bu siteden takip edebilirsiniz.

Tam boy görmek için

“As3Coder Silver” Arayüz Tasarımı: Burak AYDIN

Dosyaları İndir

1. Fireworks Layered PNG Dosyaları

2. Flash Fla, Swf Dosyaları

Font için üzgünüz. Sanıyorum Adobe programlarında çalışıyor. İsmi ise şu şekilde

小塚ゴシック Pro

• FLVPlayback Bileşenini Kullanma
• ActionScript ile FLVPlayback Bileşenini Çalıştırma

konularına değinilmiştir.

FLVPlayback Bileşenini Kullanmak

Adobe® Flash® CS3 Professional, video görüntülerini web tabanlı sunumlara dahil etmek için güçlü bir araçtır. Flash Video, videoyu veri, grafik, ses ve etkileşimli kontrolle birleştirmenizi sağlayan teknolojik ve yaratıcı yararlar sunar. Flash Video, videoyu bir web sayfasına hemen hemen herkesin görüntüleyebileceği bir formatta kolayca yerleştirmenizi sağlar. FLVPlayback bileşeni ise; FLVPlayback bileşenini kullanarak Flash filminize hızla tam özellikli bir FLV veya mp3 oynatma kontrolü eklemenizi sağlar ve hem FLV dosyalarını aşamalı indirmek hem de akış FLV dosyalarını görüntülemek için destek sağlar. FLVPlayback, kullanıcıların video oynatmasını kontrol etmeleri için kolay anlaşılır video kontrolleri oluşturmanızı ve önceden hazırlanmış kaplamaları veya kendi özel kaplamalarınızı video arabirimine uygulamanızı sağlar. Bir FLVPlayback bileşeninin Property özelliklerindeki Parametre sekmesinden “align”, “autoPlay”, “cuePoints”, “preview”, “scaleMode”, “skin”, “skinAutoHide”, “skinBackgroundAlpha”, “skinBackgroundColor”, “source” ve “volume” alanları kontrol edilebilir.

Video için Desteklenen Dosya Formatları:

Sisteminizde Macintosh için QuickTime 7, Windows için QuickTime 6.5 ya da DirectX 9 veya sonrası (sadece Windows) kuruluysa, video klipleri MOV, AVI ve MPG/MPEG dahil çeşitli dosya formatlarında içe aktarabilirsiniz. Bağlı video klipleri MOV formatında içe aktarabilirsiniz. Gömülü video içeren Flash belgeleri SWF dosyaları olarak yayınlanabilir. Bağlı video içeren Flash belgeleri, QuickTime formatında yayınlanmak zorundadır. Macintosh bilgisayarınızda QuickTime 7 kuruluysa, içe gömülü video aktarma için şu video dosyası formatları desteklenmektedir:

Windows İşletim Sistemleri için DirectX 9 veya sonrası kuruluysa, içe gömülü video aktarma için şu video dosyası formatları desteklenmektedir:

FLVPlayback bileşeni şu özelliklere sahiptir:

• Sahneye çabuk ve kolayca aktarılabilmektedir
• Tam Ekran Boyutu desteklemektedir
• Film oynatma kontrollerinin dış yüzeyleri kolayca değiştirilebilmektedir
• Kullanıcının kendi film oynatma kontrollerini kullanmasına izin verilmektedir
• Önizleme moduna sahiptir
• Videoyu animasyonla işlemek veya çeşitli parçalarını zaman çizelgesiyle senkronize etmek gibi belirli türde esnekliklere sahiptir
• Videolar için küçük boyutlarda SWF dosyaları oluşturulmasını sağlar

FLVPlayback bileşeni ActionScript application programming interface (API) içermektedir. API’ler şu sınıflarla çalışmaktadır: CuePointType, FLVPlayback, FLVPlaybackCaptioning, NCManager, NCManagerNative, VideoAlign, VideoError, VideoPlayer, VideoState ve birçok sınıfı – AutoLayoutEvent, LayoutEvent, MetadataEvent. SkinErrorEvent, SoundEvent, VideoEvent, and VideoProgressEvent.

FLVPlayback bileşeni ayrıca görüntü alanı ve görüntü kontrol butonlarına (play,stop,pause gibi) sahiptir. Bu kontrol butonları şunlardır: BackButton, BufferingBar, CaptionButton (FLVPlaybackCaptioning), ForwardButton, FullScreenButton, MuteButton, PauseButton, PlayButton, PlayPauseButton, SeekBar, StopButton ve VolumeBar.

Videoyu Flash uygulamalarına şu şekillerde dahil edebilir:

Video içeriği akışı Flash Media Server’ı kullanarak video dosyaları barındırmanızı sağlar; bu, gerçek zamanlı ortam akışı sağlamak üzere en iyileştirilmiş bir sunucu çözümüdür. Yerel olarak depolanan video klipleri Flash belgelerinize içe aktarın ve sonra Flash içeriğini daha kolay bir araya getirmek ve geliştirmek için onları sunucuya yükleyin. Video oynatmayı kontrol etmek ve kullanıcıların video ile etkileşimlerini sağlamak üzere kolay anlaşılır kontroller sunmak için yeni FLVPlayback bileşenini veya ActionScript™’i kullanın. Kendi Flash Media Server’ınızı barındırın veya barındırılmış bir Flash Video Streaming Service (FVSS) kullanın. Adobe, isteğe bağlı Flash Video’yu yüksek performanslı, güvenilir ağlar üzerinde iletmek amacıyla barındırılmış servisler sunmak için birçok içerik iletici ağ (CDN) sunucusuyla ortaklık kurmuştur. Flash Media Server ile oluşturulmuş ve doğrudan CDN ağının iletim, izleme ve bildirim altyapısıyla bütünleştirilmiş olan FVSS, Flash Video’yu kendi akış sunucusu donanımınızı ve ağınızı kurup bakımını sağlamakta güçlük çıkarmadan, olabilecek en geniş izleyici kitlesine iletmek için en etkili yolu sağlar.

Web sunucusundan aşamalı olarak video indirme

Flash Media Server veya FVSS’ye erişiminiz yoksa, aşamalı indirmeyi kullandığınızda harici bir kaynaktan yine de video indirebilirsiniz. Bir web sunucusundan bir video klibi aşamalı olarak indirmek, Flash Media Server’ın sağladığı gerçek zamanlı performansın aynısını sağlamaz; ancak nispeten daha büyük video klipleri kullanabilir ve yayınlanan SWF dosyalarınızın boyutunu minimumda tutabilirsiniz. Video oynatmayı kontrol etmek ve kullanıcıların video ile etkileşimlerini sağlamak üzere kolay anlaşılır kontroller sunmak için yeni FLVPlayback bileşenini veya ActionScript’i kullanın.

Gömülü video içe aktarma

Video klipleri Flash’a gömülü dosyalar olarak içe aktarın. Gömülü bir video dosyası Flash belgesinin parçası haline gelir. Bu nedenle, sadece kısa süreli video klipleri içe aktarabilirsiniz.

QuickTime formatında video içe aktarma

QuickTime formatındaki video klipleri bağlı dosyalar olarak içe aktarın. Bağlı QuickTime video içeren Flash belgeleri QuickTime formatında yayınlanmalıdır. Bağlı bir video dosyası Flash belgesinin parçası haline gelmez. Bunun yerine, belge bağlı dosyaya bir işaretçi tutar.

Kitaplık’a FLV dosyaları içe aktarma

Adobe® Flash Video (FLV) formatındaki video klipleri doğrudan Flash’a içe aktarın. FLV dosyalarını içe aktardığınızda, dosyalara önceden uygulanmış olan kodlama seçeneklerini kullanırsınız. İçe aktarma sırasında kodlama seçeneklerini seçmenize gerek yoktur.

FLVPlayback bileşeni İle Çalışmak

Herhangibir FLV videoyu Flash uygulamasına dahil etmek için şu adımlar izlenmelidir: 1. Component panelinden bir FLVPlayback bileşenini sahneye sürükleyip bırakın. 2. Sahnedeki FLVPlayback bileşenini seçip Property özelliklerindeki Parametre sekmesinden istediğiniz değerleri değiştirin.

3. Align: Sahnedeki bileşenin konumunu belirtir.

4. AutoPlay: Filmin yüklendiğinde otomatik olarak başlaması isteniyorsa true seçeneğini, yoksa false seçeneğini işaretleyin.

5. CuePoint: Videoyaya bir işaret noktası eklemek için kullanılır. İşaret noktalarında çalışma sırasında belirtilen özellik görülür

6. Preview: Videonun önizlemesini ayarlar.

7. ScaleMode: Yüklenecek flv dosyasının boyutlarını ayarlar.

8. Skin: Player kontrol çubuğu ve düğmelerinin görüntüsünü ayarlayabilirsiniz. Skin combobox alanından farklı görüntüler seçilebilir.

9. SkinAutoHide: Player kontrol panelini otomatik olarak saklar. İlk değeri “false” dur. Böylelikle video kontrol düğmeleri görülebilir. Eğer “true” yapılırsa, video oynatılırken kontrol düğmeleri görünmeyecektir. Ancak fare kontrol düğmelerinin alt taraftaki bölümüne yaklaştırılınca düğmeler görülebilir.

10. SkinBackgroundAlpha: Player kontrol panelinin saydamlık oranını ayarlar. İlk değeri 1 dir. Yani kontrol çubuğunu tam olarak görünür yapar. 0-1 arasında değerlendirilir.

11. SkinBackgroundColor: Kontrol panelinin rengini düzenler.

12. Source: Flv dosyasının yolunu belirtir.

13. Volume: Sesin miktarını ayarlar. 0-1 arasında değer alır.

ActionScript ile FLVPlayback Bileşenini Çalıştırmak

1. Sahneye FLVPlayback bileşenini sürükleyip bırakın ve bileşenin instance name özelliğini “player” yapın. 2. Sahneye FLVPlayback Captioning bileşenini sürükleyip bırakın ve bileşenin instance name özelliğini “captioning” yapın. 3. Aşağıdaki “FLVPlaybackCaptioningExample.as” adlı sınıf dosyasını FLA dosyanızın bulunduğu yere kaydedin. 4. FLA dosyanızdaki DocumentClass alanına “FLVPlaybackCaptioningExample” yazın ve sınıf dosyanızı çağırıp uygulamayın çalıştırın.

package
{
    import flash.display.Sprite;
    import flash.text.TextField;
    import fl.video.FLVPlayback;
    import fl.video.FLVPlaybackCaptioning;

    public class FLVPlaybackCaptioningExample extends Sprite {

        private var videoPath:String = "http://www.helpexamples.com/flash/video/caption_video.flv";
        private var captioningPath:String = "http://www.helpexamples.com/flash/video/caption_video.xml";

        public function FLVPlaybackCaptioningExample() {
            player.source = videoPath;
            player.skin = "SkinOverAllNoCaption.swf";
            player.skinBackgroundColor = 0x666666;
            player.skinBackgroundAlpha = 0.5;

            captioning.flvPlayback = player;
            captioning.source = captioningPath;
            captioning.autoLayout = false;
            captioning.addEventListener("captionChange",onCaptionChange);
        }
        private function onCaptionChange(e:*):void {
            var tf:* = e.target.captionTarget;
            var player:FLVPlayback = e.target.flvPlayback;
            tf.y = 210;
        }
    }
}

Yazan: Muttalip TULGAR

“ActionScript 3.0: Bileşenler (Components)” dersleri tamamlanmıştır. Başka derslerde görüşmek üzere…

• UILoader’ları Kullanmak,
• ActionScript İle UILoader Oluşturmak,
• UIScrollBar’ları Kullanmak,
• ActionScript İle UIScrollBar Oluşturmak

konularına değinilmiştir.

• UILoader’ları Kullanmak: UILoader bileşeni, SWF, JPEG, progressive JPEG, PNG, ve GIF dosyalarını gösteren bir taşıyıcıdır. Uzaktaki bir yerden yukarıdaki içeriklerden biri form içine UILoader bileşeniyle alınabilmektedir. UILoader bileşeni, ayrıca uygulamaların içine resim yüklemek içinde kullanılabilmektedir. İçerik yüklemek için load() metodu kullanılırken, percentLoaded özelliği ile de ne kadar miktarda içerik yüklendiği öğrenilebilir. Complete olayı ise, içerik yüklemenin bittiği zamanı kontrol eder. UILoader bileşeninin içeriğinin büyüklüğü ve oranı değiştirilebilmektedir. İlk anda varsayılan olarak içeriklerin oranı UILoader bileşeni ile uygunluk göstermektedir.

Bir UILoader bileşeninin Property özelliklerindeki Parametre sekmesinden alanları “autoLoad”, “maintainAspectRatio”, “source” ve “scaleContent” kontrol edilebilir.

ActionScript İle UILoader Oluşturmak:

UILoader bileşeni Components panelinden çift tıklanarak kütüphaneye aktarılır. Actionscript paneli açılır ve aşağıdaki kod satırlarını yazılarak uygulama test edilir.

import fl.containers.UILoader;
// UILoder sınıfı uygulamaya dahil edildi
var yukleme:UILoader = new UILoader();
 // yukleme adlı UILoder nesnesi oluşturuldu
yukleme.source = "http://www.unicef.org/turkey/sy3/img/is3.jpg";
// yukleme adlı UILoder nesnesine internet adresinden jpg resmini
// yüklemesi söylendi
yukleme.scaleContent = false;
// yukleme adlı UILoder nesnesinin boyutunun  yüklenen
// içerik boyutu ile aynı olmaması sağlandı
yukleme.addEventListener(Event.COMPLETE, yuklemeBitti);
// yukleme adlı UILoder nesnesine olay dinleyici bağlandı,
// yükleme tamamlandığında yuklemeBitti fonksiyonu çağrıldı
function yuklemeBitti(event:Event)
{
trace("Yüklenen Byte Miktarı: " + yukleme.bytesLoaded);
 // yukleme adlı UILoder nesnesine yüklenen resmin boyutu öğrenildi
}
addChild(yukleme);
//yukleme adlı UILoder nesnesi sahneye taşındı

• UIScrollBar’ları Kullanmak:

UIScrollBar bileşeni, metin alanlarına yatay veya dikey scroll eklemek için kullanılan bir bileşendir. Bir UIScrollBar bileşeninin Property özelliklerindeki Parametre sekmesinden “direction” ve “scrollTargetName” alanları kontrol edilebilir.

ActionScript İle UIScrollBar Oluşturmak:

UIScrollBar bileşeni Components panelinden çift tıklanarak kütüphaneye aktarılır. Actionscript paneli açılır ve aşağıdaki kod satırlarını yazılarak uygulama test edilir.

import flash.net.URLLoader;
import fl.controls.UIScrollBar;
import flash.events.Event;
// URLLoader, UIScrollBar, Event sınıflarıı uygulamaya dahil edildi
var metinAlani:TextField = new TextField();
// TextField nesnesi oluşturuldu
metinAlani.border = true;
metinAlani.width = 200;
metinAlani.height = 40;
metinAlani.x = 200;
metinAlani.y = 150;
// TextField nesnesinin sınır,genişlik,yükseklik,
// x ve y konumları ayarlandı
var kaydirmaCubugu:UIScrollBar = new UIScrollBar();
// kaydırmaCubugu adlı UlScrollBar nesnesi oluşturuldu
kaydirmaCubugu.direction = "horizontal";
// kaydırmaCubugu adlı UlScrollBar nesnesinin
//scroll yönü yatay olarak ayarlandı
kaydirmaCubugu.setSize(metinAlani.width, metinAlani.height);
// kaydırmaCubugu adlı UlScrollBar nesnesinin boyutu
// metinAlanı nesnesinin boyutu olarak ayarlandı

kaydirmaCubugu.move(metinAlani.x, metinAlani.height + metinAlani.y);
// kaydırmaCubugu adlı UlScrollBar nesnesinin boyutu metinAlanı
// nesnesinin konumu olarak ayarlandı

var yukleme:URLLoader = new URLLoader();
var request:URLRequest = new URLRequest("http://www.deneme.com/deneme.txt");
yukleme.load(request);
// yukleme adlı URLLoader nesnesi oluşturularak
// internetten txt dosyası yüklendi
yukleme.addEventListener(Event.COMPLETE, yuklemeBitti);
//  yukleme adlı URLLoader nesnesine olay dinleyici bağlanarak
// yükleme tamamlandığında yuklemeBitti fonksiyonu çağrıldı.
function yuklemeBitti(event:Event)
{
metinAlani.text = yukleme.data;
// metinAlanının text özelliğine,  yukleme adlı
//URLLoder nesnesindeki veri aktarıldı.

kaydirmaCubugu.scrollTarget = metinAlani;
// kaydirmaCubugu adlı UIScrollBar nesnesi,
//metinAlani adlı TextField nesnesine bağlandı.

}
addChild(metinAlani);
addChild(kaydirmaCubugu);
// metinAlanı ve kaydirmaCubugu adlı nesneler sahneye taşındı

Yazan: Muttalip TULGAR

“ActionScript 3.0: Bileşenler (Components) X” dersinde görüşmek üzere…

• TextInput’ları Kullanmak,
• ActionScript İle TextInput Oluşturmak,
• TileList’leri Kullanmak,
• ActionScript İle TileList Oluşturmak,

konularına değinilmiştir.

• TextInput’ları Kullanmak:

TextInput bileşeni, tek satırlık bir metin bileşeni olup ActionScript TextField nesnesi için bir barınak niteliğindedir. Eğer çok satırlı bir metin oluşturulacaksa TextArea bileşeni tercih edilmelidir. TextInput bileşeni özellikle formlarda password alanlarında kullanılmaktadır. TextInput örneğinde görülen metnin biçimi, setStyle() metodu kullanılarak textFormat sitili ile ayarlanabilir. Ayrıca htmlText özelliği ile TextInput örneği HTML biçiminde kullanılabilir. TextInput bileşenini klavyden kontrol etmek için “Shift+Tab”, “Tab” ve yön tuşları kullanılmaktadır.

Bir TextInput bileşeninin Property özelliklerindeki Parametre sekmesinden alanları “editable”, “displayAsPassword”, “maxChars”, “restrict” ve “text” kontrol edilebilir.

ActionScript İle TextInput Oluşturmak:

TextInput ve Label bileşenleri Components panelinden çift tıklanarak kütüphaneye aktarılır. Actionscript paneli açılır ve aşağıdaki kod satırlarını yazılarak uygulama test edilir.

import fl.controls.Label;
import fl.controls.TextInput;
// Label veTextInput  sınıfları uygulamaya dahil edildi
var etiket:Label = new Label();
var aTi:TextInput = new TextInput();
var tf:TextFormat = new TextFormat();
// Label veTextInput ve TextFormat  nesneleri oluşturuldu
tf.font = "Arial";
tf.color = 0x0000CC;
tf.size = 18;
// tf adlı TextFormat nesnesinin yazı tipi,
//yazı rengi ve yazı boyutu özellikleri ayarlandı
etiket.text = "Ad: "
etiket.setSize(50, 25);
etiket.move(100,100);
etiket.setStyle("textFormat", tf);
// etiket  adlı Label  nesnesinin metin, boyut,konum
//özellikleri ile  metnine uygulanacak sitil belirlendi

aTi.restrict = "A-Z .a-z";
// aTi adlı TextInput  nesnesinin metin özelliği
// harflerle sınırlandı (Rakam yazılamaz)
aTi.move(160, 100);  // aTi adlı TextInput  nesnesinin konumu ayarlandı
aTi.maxChars=8;
// aTi adlı TextInput  nesnesinin metin özelliği 8 karakterle  sınırlandı
aTi.setSize(200, 25);   // aTi adlı TextInput  nesnesinin boyutu ayarlandı
aTi.setStyle("textFormat", tf);
//aTi adlı TextInput  nesnesinin metnine uygulanacak sitil belirlendi
addChild(etiket);  // etiket  adlı Label  nesnesi sahneye taşındı
addChild(aTi);     // aTi adlı TextInput  nesnesi sahneye taşındı

• TileList’leri Kullanmak:

TileList bileşeni, farklı yapıdaki verileri satır ve sütünlerden oluşan bir liste içinde barındıran veri gösterme bileşenidir. TileList bileşeni özellikle fotoğraf albümlerinin önizlemesinde kullanılan bir bileşendir. Data provider ile aktarın veriler, TileList bileşeni içinde label (etiket) özelliği ve source (kaynak) özelliği ile bulunmaktadır. Label özelliği, veri tipini belirten bir etiket iken, source verinin nereden geldiğini belirten bir özelliktir. Label, tek bir satır olarak her zaman hücrenin en altında yer almaktadır. Öte yandan TileList bileşeni sadece tek bir yönde scroll özelliğine sahiptir. Ayrıca bir Array nesnesi oluşturularak anabilgisayardan veriler çekilebilir. TileList bileşenine addItem() ve removeItem() metotları ile de veri ekleme ve çıkarma yapılabilir. TileList bileşenini klavyden kontrol etmek için “Home”, “End”, “Ctrl” ve yön tuşları kullanılmaktadır.

Bir TileList bileşeninin Property özelliklerindeki Parametre sekmesinden alanları “allowMultipleSelection”, “columnCount”, “columnWidth”, “dataProvider”, “direction”, “horizontalScrollLineSize”, “horizontalScrollPageSize”, “labels”, “rowCount”, “rowHeight”, “ScrollPolicy”, “verticalScrollLineSize”, “verticalScrollPageSize” kontrol edilebilir.

ActionScript İle TileList Oluşturmak:

ColorPicker, ComboBox, NumericStepper, CheckBox, TileList bileşenleri Components panelinden çift tıklanarak kütüphaneye aktarılır. Actionscript paneli açılır ve aşağıdaki kod satırlarını yazılarak uygulama test edilir.

import fl.controls.CheckBox;
import fl.controls.ColorPicker;
import fl.controls.ComboBox;
import fl.controls.NumericStepper;
import fl.controls.TileList;
import fl.data.DataProvider;
// CheckBox, ColorPicker, ComboBox, NumericStepper, TileList ve
//DataProvider sınıfları uygulamaya dahil edildi
var aCp:ColorPicker = new ColorPicker();
var aCb:ComboBox = new ComboBox();
var aNs:NumericStepper = new NumericStepper();
var aCh:CheckBox = new CheckBox();
var aTl:TileList = new TileList();
// ColorPicker, ComboBox, NumericStepper, CheckBox ve
// TileList nesneleri oluşturuldu
var dp:Array = [
{label:"ColorPicker", source:aCp},
{label:"ComboBox", source:aCb},
{label:"NumericStepper", source:aNs},
{label:"CheckBox", source:aCh},
];
// dp adlı Array nesnesi oluşturularak bileşenlerin
//etiket ve kaynak özellikleri tutuldu
aTl.dataProvider = new DataProvider(dp);
// aTI adlı TileList nesnesine dataProvider nesnesi ile
//dp adlı Array'deki  veriler bağlandı
aTl.columnWidth = 110;
aTl.rowHeight = 100;
aTl.setSize(280,130);
aTl.move(150, 150);
aTl.setStyle("contentPadding", 5);
// aTI adlı TileList nesnesinin sütün genişliği, satır yüksekliği,
// boyutu ve konumu ve sitili ayarlandı
aTl.sortItemsOn("label");
// aTI adlı TileList nesnesindeki
// veriler label özelliğine göre sıralandı
addChild(aTl);
// aTI adlı TileList nesnesi sahneye taşındı

Programın Ekran Çıktısı

“ActionScript 3.0: Bileşenler (Components) IX” dersinde görüşmek üzere…

• ScrollPane’leri Kullanmak,
• ActionScript İle ScrollPane Oluşturmak,
• Slider’ları Kullanmak,
• ActionScript İle Slider Oluşturmak,
• TextArea’ları Kullanmak,
• ActionScript İle TextArea Oluşturmak

konularına değinilmiştir.

• ScrollPane’leri Kullanmak:

ScrollPane bileşeni, yüklenen içerik çok fazla yer kapladığı zaman tercih edilen bir bileşendir. ScrollPane bileşeni movie clips, JPEG, PNG, GIF, ve SWF dosyarını kabul etmektedir. ScrollPane ve the UILoader bileşenleri gibi bileşenler içeriğin yüklenmesi bittiğinde olayların tamamlanmasına dair kontrol imkânı sunar.

Özellikle “Event.COMPLETE” olayı için bir dinleyici oluşturarak gerçekleşmesi istenen olaylar için fonksiyon çağrılabilir.

ScrollPane bileşeni aktif veya pasif yapılabilmektedir. Pasif yapılan ScrollPane bileşeni herhangi bir fare veya klavyeden giriş alamaz. Aktif durumda iken ScrollPane bileşenini klavyden kontrol etmek için “Home”, “End”, “PageDown”, “PageUp” ve yön tuşları kullanılmaktadır.

Bir ScrollPane bileşeninin Property özelliklerindeki Parametre sekmesinden “horizontalLineScrollSize”,”horizontalPageScrollSize”, “scrollDrag”, “horizontalScrollPolicy”, “source”, “verticalLineScrollSize”, “verticalPageScrollSize” ve “verticalScrollPolicy” alanları kontrol edilebilir.

ActionScript İle ScrollPane Oluşturmak:

ScrollPane ve DataGrid bileşenleri Components panelinden çift tıklanarak kütüphaneye aktarılır. Aşağıdaki örnekte, internet sayfasındaki resim yüklendikten sonra Scroll çubuklarını kaydırarak hangi olayın gerçekleşeceği belirtilmiştir. Actionscript paneli açılır ve aşağıdaki kod satırlarını yazılarak uygulama test edilir.

import fl.containers.ScrollPane;
import fl.controls.ScrollPolicy;
import fl.controls.DataGrid;
import fl.data.DataProvider;
// ScrollEvent, ScrollPane, ScrollPolicy, DataGrid ve
//DataProvider sınıfları uygulama dahil edildi.
var aSp:ScrollPane = new ScrollPane();
// ScrollPane nesnesi oluşturuldu
addChild(aSp); // ScrollPane nesnesi sahneye taşındı
aSp.setSize(300, 200);
// ScrollPane nesnesinin boyutu ayarlandı

function konumuBildir (event:ScrollEvent):void
{
trace("Yatay Scroll Konumu: " + aSp.horizontalScrollPosition +
", Dikey Scroll Konumu:  = " + aSp.verticalScrollPosition);
};
aSp.addEventListener(ScrollEvent.SCROLL, konumuBildir);
// Scroll çubukları kaydırıldığında hangi işlemin
//gerçekleştireleceği bildirildi.

function yuklemeRaporu(event:Event):void
{
trace(event.target.source + " Yükleme tamamlandı!");
};
aSp.addEventListener(Event.COMPLETE, yuklemeRaporu);
aSp.source = "http://www.unicef.org/turkey/ag1/img/ag1h.jpg";
// ScrollPane  nesnesine yüklenen resim tamamlandığında
// gerçekleşecek olay belirlendi

Programın Ekran Çıktısı

• Slider’ları Kullanmak:

Slider bileşeni, belirli değer aralığındaki sürgü kolunu kaydırarak kullanıcının bir değer seçmesini sağlar. Sürgü kolunun aldığı değere göre ilişkilendirilen olayların gerçekleştiği görülebilir. Slider bileşenini klavyden kontrol etmek için “Shift+Tab”, “Tab” ve yön tuşları kullanılmaktadır.

Bir ScrollPane bileşeninin Property özelliklerindeki Parametre sekmesinden “direction”, “liveDragging”, “maximum”, “minimum”, “snapInterval”, “tickInterval” ve “value” alanları kontrol edilebilir.

ActionScript İle Slider Oluşturmak:

Slider ve Label bileşenleri Components panelinden çift tıklanarak kütüphaneye aktarılır. Actionscript paneli açılır ve aşağıdaki kod satırlarını yazılarak uygulama test edilir.

import fl.controls.Slider;
import fl.events.SliderEvent;
import fl.controls.Label;
import fl.containers.UILoader;
// Slider, SliderEvent, Label ve
// UILoader sınıfları uygulamaya dahil edildi
var sliderEtiket:Label = new Label();  //Label nesnesi oluşturuldu
sliderEtiket.width = 150;
sliderEtiket.text = "< Parlaklık Ayarını Değiştir >";
sliderEtiket.move(170, 350);
// Label nesnesinin genişlik, text,
// ve konum özellikleri ayarlandı

var aSlider:Slider = new Slider();  // Slider nesnesi oluşturuldu

aSlider.width = 200;
aSlider.snapInterval = 10;
aSlider.tickInterval = 10;
aSlider.maximum = 100;
aSlider.value = 100;
aSlider.move(120, 330);
// Slider nesnesinin genişlik, kaydırma, maksimum,
//değer ile konum özellikleri ayarlandı
var resimYukle:UILoader = new UILoader();
// UILoader nesnesi oluşturuldu
resimYukle.source = "http://www.unicef.org/turkey/sy3/img/is3.jpg";
// UILoader nesnesine internetten resim yüklendi
resimYukle.scaleContent = false;
addChild(sliderEtiket);
addChild(aSlider);
addChild(resimYukle);
// Etiket, Slider ve UILoader nesneleri sahneye taşındı
resimYukle.addEventListener(Event.COMPLETE, yuklendi);
// resimYukle adlı UILoader nesnesine yükleme tamamlandığında
// hangi fonksiyonu çağıracağı söylendi.
function yuklendi(event:Event)
{
trace(resimYukle.bytesLoaded+" Byte'lık Dosya Yüklendi ");
// Kaç Byte'lık resim yüklendiği öğrenildi
}
aSlider.addEventListener(SliderEvent.CHANGE, degistir);
// Slider nesnesinde slinder değiştirildiğinde
//hangi olayın gerçekleşeği belirtildi.
function degistir(event:SliderEvent):void
{
    resimYukle.alpha = event.value * .01;

// UILoader nesnesinin alpha değeri ayarlandı
}

Programın Ekran Çıktısı

• TextArea’ları Kullanmak:

TextArea bileşeni, ActionScript TextField nesnesi için bir barınak niteliğindedir. TextArea bileşeni, metinleri göstermenin yanında, bunlar üzerinde düzenleme ve metin girişi yapma olanağı da sağlar. Bunun için “editable” özelliği “true” olmalıdır. “wordWrap” özelliği ile çoklu satırlarla çalışırken satır sonuna gelen metinleri alt satıra otomatik olarak atmaktadır. “restrict” özelliği ile de TextArea alanına metin yazılması engellenebilmektedir. “maxChars” ile girilecek metin karakter sayısı sınırlandırılabilmektedir. TextArea örneğinde görülen metnin biçimi, setStyle() metodu kullanılarak textFormat sitili ile ayarlanabilir. Ayrıca htmlText özelliği ile TextArea örneği HTML biçiminde kullanılabilir. “condenseWhite” özelliği ile fazladan beyaz boş alanlar Flash uygulamaından kaldırılabilir.

TextArea bileşenini klavyden kontrol etmek için “Shift+Tab”, “Tab”, “Page Down”, “Page Up” ve yön tuşları kullanılmaktadır.

Bir TextArea bileşeninin Property özelliklerindeki Parametre sekmesinden alanları “condenseWhite”, “editable”, “hortizontalScrollPolicy”, “maxChars”, “restrict”, “text”, “verticalScrollPolicy”, ve “wordwrap” kontrol edilebilir.

ActionScript İle TextArea Oluşturmak:

TextArea bileşeni Components panelinden çift tıklanarak kütüphaneye aktarılır. Actionscript paneli açılır ve aşağıdaki kod satırlarını yazılarak uygulama test edilir.

import fl.controls.TextArea;   // TextArea sınıfı uygulamaya dahil edildi
var aTa:TextArea = new TextArea();   // TextArea nesnesi oluşturuldu
aTa.move(200,150);   // aTa adlı TextArea nesnesinin konumu ayarlandı
aTa.setSize(300, 300);   // aTa adlı TextArea nesnesinin boyutu ayarlandı
aTa.condenseWhite = true;
// aTa adlı TextArea nesnesinde gereksiz boşluklar silindi
aTa.htmlText = ' <b>Buradaki yazı HTML formatında BOLD olarak yazılmıştır!</b> '
// aTa adlı TextArea nesnesinin metin özelliği HTML formatında ayarlandı
addChild(aTa);
// aTa adlı TextArea nesnesi sahneye taşındı

“ActionScript 3.0: Bileşenler (Components) VIII” dersinde görüşmek üzere…