ActionScript 3.0 Dersleri: Basit ScrollBar [Arşiv] - RiBiRu | Webmaster Sitesi
Orijinalini görmek için tıklayınız : ActionScript 3.0 Dersleri: Basit ScrollBar
Bu yazıda herhangi bir flash componenti kullanmadan basit bir scrollbar(kaydırma çubuğu) hazırlamaya çalışacağız. Önce bir scrollbar oluşturmak için sahneye biri diğerinin üzerinde iki çubuk ve scrollbar hareketlerine göre konumu değişecek nesneyi çiziyoruz. Bunlara kodlarla işlem yaptırmak için "cbk_ust", "cbk_alt" ve "alan" instance name'lerini veriyoruz.
Şimdi kodlamalarda ilk adım olarak üst çubuğun(cbk_ust) boyunu "alan"ın boyuna göre orantılamamız gerekiyor. Böylece alanın boyu(height) ne kadar uzun olursa cbk_ust'un boyu da cbk_alt'a oranla o kadar küçülecektir.
Bu kodda cbk_alt'ın(alan'ın sahnedeki görünecek kısmının) uzunluğun alan'ın tamamına oranını bir değer olarak kabul edip bunu cbk_ust'un cbk_alt'a oranına atıyoruz. Böylece alan'ın boyuna göre cbk_ust'un boyu değişiyor.
Şimdi de cbk_ust'u taşınabilir yapmamız gerekiyor.
var rect:Rectangle = new Rectangle(cbk_alt.x, cbk_alt.y, 0, cbk_alt.height-cbk_ust.height);
Bu kodda önce startDrag yapacağımız cbk_ust için bir rectangle tanımladık. Rectangle taşıdığımız objenin hareket sınırlarını bildiren bir dikdörtgendir, bunu kodlarla belirttik. Daha sonra startDrag ile taşımayı başlattık. startDrag'ın ilk parametresi lockcenter'dır. Cismi tutunca, cismin merkezinin mouse'a kilitlenmesini istemediğimiz için lockcenter parametresini false yaptık. startDrag'ın ikinci parametresi ise daha önce tanımladığımız rectangle'dır.
Şimdi de alan ismini verdiğimiz nesneyi cb_ust'un hareketlerine göre kaydırmamız gerekiyor. Sürekli çalışacak bir fonksiyon yazıyoruz
Bu kodda alan'ın y koordinatını bir değere eşitledik. Bu değer, cbk_ust'un hareket ettiği mesafenin tüm hareket mesafesine oranı ve alanın hareket ettiği mesafenin tüm hareket mesafesine oranı karşılaştırarak bulunur. Bu şekilde kabaca bir scrollbar yapmış olduk. Bu kodları kullandığımızda ve son olarak da alan dediğimiz nesneye bir mask uyguladığımızda çalışmanın son hali şu şekilde olacaktır:
basit_scroll.swf ([Linkleri Sadece Kayıtlı Üyeler Görebilir!])
Çalışmanın kaynak dosyasını aşağıdaki linkten indirebilirsiniz.
Kaynak Dosya: ([Linkleri Sadece Kayıtlı Üyeler Görebilir!])
Abi derslere başlamışsınız Hayırlı olsun devamını bekliyorum
Evet Derslere Başladım Dahası Gelecek inşALLAH
eLine sağlık ins sizin sayenızde bende öğrenicem..