Osy

Tekrardan merhabalar. Bu yazıda da Sürükle-Bırak olayına değineceğiniz (Sevgili Adminimizin isteği üzerine )

Herkesin bildiği gibi sürükle-bırak olayı artık sanal dünyanın vazgeçilmezi ve birçok yerde karşımıza çıkan, birçok tasarımda ihtiyaç duyulan bir olay haline geldi. Farklı ortamlarda farklı programlanan bu işlev flash actionscript te oldukça basite indirgenmiş durumda. Gerçekten çok kolay biçimde sürükle-bırak oluşturabilirsiniz. İleri seviyede birçok (esnek, manyetik, ivmeli vb...) farklı sürükle-bırak programlamak mümkün. Ancak biz şimdilik her yerde karşımıza çıkan biçimiyle değineceğiz. İşte başlıyoruz


Flashta Grafik,Buton,MovieClip olmak üzere üç tür nesne vardır. Eğer bir öğeyi bunlardan birisine dönüştürmezsek Actionscript ile ona komuta edemeyiz. Grafik öğelerinin kullanım alanı oldukça sınırlıdır. Butonları da sürükleme ihtiyacını çok istisnai durumlar dışında hissetmeyiz. Öyleyse sürüklemek isteyeceğimiz nesneler genelde movieclip ler olacaktır.
Basit bir uygulama üzerinden anlatmaya çalışalım: Kale çizgisinin ötesine sürüklenen bir futbol topu

Öncelikle; Malzemeler
* Bir adet futbol topu resmi, photoshopta güzelce temizlenip, arkaplanı ayıklanmış olacak
Hepsi bu Çok ekonomik bir çalışma
Kale çizgisini flash ın çizim aletleriyle kendimiz oluşturabiliriz.
Çizgimizi teşkil etmek üzere beyaz bir dikdörtgen çiziyoruz. İster sağ tıklatıp "Convert to symbol" seçeneğini kullanarak ister dikdörtgen seçili iken "F8" tuşuna basarak bunu bir Movieclip sembölüne dönüştüreceğiz.
Karşımıza gelen pencerede isim olarak "cizgi" yazıp "Ok" tuşuna basıyoruz.
Ama bu isim onu Actionscriptte kullanabilmemiz için yeterli değil.Dikdörtgenimiz seçili iken ekranın altındaki "Properties" penceresinden "Instance Name" kısmına "cizgi" yazıyoruz. Artık programcılık dünyasında bu dikdörtgenin adı "cizgi"
benzer biçimde kütüphanemize koymuş olduğumuz top resmini sahneye sürükleyip bırakıyoruz. Aynı biçimde Movieclip sembolüne çeviriyoruz isim olarak "dop" yazıyoruz
Ama hala programcılık dünyasında adını kazanamadı Top klibimiz seçili iken "Properties" penceresinden "Instance Name" kısmına "dop" yazıyoruz
------------------
Neden "dop" ? "top" kelimesi İngilizce'de "zirve,üst" anlamına geliyor malumunuz ve Flashta nesnelerin özellikleri içi ayrılan kelimelerden birisi de "top". O yüzden bir karışıklık ya da hata olmaması için klibimize "dop" adını verdik Hem daha sevimli.....
Kliplerimizi hazırladık ve isimlendirdik. Şimdi kodlama aşamasındayız...
En basit hali ile bir klibi sürükle-bırak olayına tabi tutmak için :
Movieclip imiz seçili iken (dop u seçiyoruz ) "F9" a basıyoruz, yada hemen aşağıdaki "Actions" panelini açıyoruz.

Karşınıza gelen metin alanının sol üst köşesinde "Actions-Movieclip" yazdığına emin olun.

"on(press)" olayı bir nesneye tıklanıldığında işletilecek kodları yazdığımız fonksiyondur.
"on(release)" olayı ise bir nesneye tıklanıp bırakıldığında işletilecek kodları yazdığımız fonksiyondur.

Sürükle-bırak olayını düşünürsek nesneye tıkladığımızda sürüklenme başlar, basılı tuttuğumuz sürece devam eder ve fare butonundan elimizi çektiğimizde sonlanır.

öyleyse "on(press)" fonksiyonu içinde sürükle-bırak olayını başlatıp "on(release)" fonksiyonu içinde bitirmeliyiz. Flash bunu bir çağrıya indirgemiş:
"startDrag" ve "stopDrag" komutları...
Bahsettiğimiz kod penceresine: "Actions-Movieclip"

on(press) {
startDrag(this);
}
on(release) {
stopDrag();
}

kodlarını yazıyoruz. Ve işte bu kadar Çok basit olduğunu söylemiştim
Tek başına bir makale konusu olmak için biraz hafif kaldı O yüzden gelin bunu bir de zaman çizgisinden (timeline) kontrol edelim.
Kodu movieclipin içine değil de frame lere yazarsak biraz değiştirmemiz gerekecek.
Çoğu zaman bu ikinci kullanım daha yararlı olacaktır ve daha profesyonelcedir

Zaman çizelgesinden birinci kareye tıklayıp "F9" a basıyoruz ve işte kod penceresi karşımızda Kodlama mantığı aynı fakat söz dizimi biraz değişecek:

dop.onPress=function() {
dop.startDrag();
}
dop.onRelease=function() {
dop.stopDrag();
}

Karelere (frame) kod yazarken biraz daha farklı bir sözdizimi kullanıyoruz. Bu defa "onPress" ve "onRelease" olaylarını "dop" klibinin birer fonksiyonu olarak yazıyoruz. "startDrag" ve "stopDrag" komutlarını da "dop" nesnesinin birer özelliği olarak kullanıyoruz.
Dikkat ederseniz "dop" nesnesinin kod penceresine yazarken kendi kendisini ifade ederken "dop" yerine "this" yazmıştık
----------------------------

Flash ve Matematik başlığına nazaran bu biraz daha hafif kaldı Ama sürükle-bırak işlemi çok önemli bir işlem olduğundan bilinmesi gerekli ve Actionscript in bunu bu kadar basite indirgemiş olması güzel bir durum bence