Flash AS3 Slider Yapımı (Resimli Anlatım)

Herkese merhaba,

Bu dersimizde Adobe flash ile "AS3 Slider" yapacağız, öncelikle Adobe Flash programını açalım..

Flash Dosyası (AS 3.0) Seçilmesi Gerekiyor

Şimdi ileri ve geri alma için butonları flash kütüphanesinden ekleyelim bunun için Ortak Kitaplıklar > Düğmeler seçiyoruz.

Sahneye bir adet buton ekleyelim, bu buton flash dosyasını test ederken hata verecek ben zaman kaybı olmasın diye kütüphaneden ekledim, siz yeni sembol oluşturup kendi isteğinize göre buton ekleyebilirsiniz.

Sahne alanına eklediğimiz bir adet "ok" u kopyalayıp yapıştıralım, sahnede iki adet butonumuz olduğuna göre diğerinin yönünü tam tersine çevirebiliriz. Okları sayfamıza göre hizaladıktan sonra. Sol ok'u seçip instance name kısmına "btn1" yazıyoruz. 

Sağ ok'u seçip instance name kısmına "btn2" yazıyoruz. instance name sahne alanındaki nesnelerin birer id gibidir, actions script yazılırken nesneler instance name ile de çekilir.

Şimdi yeni bir katman oluşturalım, ve bu oluşturacağımız katmanın içeriğinde slider resim veya ögeleri bulunacak.

Örnek olarak ben sadece siyah bir kare ve rakam ekledim, rakamı hangi karede olduğunu göstermesi için ekledim.

Yeni oluşturmuş olduğumuz frame çizdiğim kare ve eklediğim text tek bir karede, üstten kaç tane fotograf var ise o kadar kare seçilir, ve karelerin tümü seçilip f6 ya basılır

Bu işlemi yaptıktan sonra her bir kare ilk yaptığımız karedeki içeriği aldı, şimdi her bir kareye karede bulunan text i değiştiriyoruz, bu örnekte ben sadece hangi karede olduğunu görebilmemiz için yaptım, tabiki siz resim ekleyeceksiniz... 1. karedeki görüntüde 1 yazıyor, 2.de ise 2, 3.de ise 3 .....

ve butonların tüm karelerde görünmesi için çalışma toplam kaç kare ise oraya gelip f5 e tıklıyoruz.

Son olarak yeni bir frame oluşturup framenin 1. karesine action script ekleyeceğiz, bunun için actions script panelini eğer sahnede yoksa bunu getirmemiz gerekiyor, bu işlem için "pencere > eylemler" seçeneğine tıklıyoruz

Actions panelini açmak için direkt olarak f9 a da basabilirsiniz, evet şimdi kodları yazacağımız sayfa açıldı. ve yeni oluşturduğumuz katmanın 1. karesini seçip aşağıdaki kodları yazıyoruz.

1. Kareye yazılacak kod :

stop();

btn1.addEventListener (MouseEvent.CLICK,backward);
btn2.addEventListener (MouseEvent.CLICK,foward);

function foward(event:MouseEvent) {
 if (this.currentFrame == this.totalFrames){
  gotoAndStop(1);
 }
 else{
  nextFrame();
 }
}

function backward(event:MouseEvent) {
 if (this.currentFrame == 1){
  gotoAndStop(this.totalFrames);
 }
 else{
  prevFrame();
 }
}

Herkese iyi çalışmalar dilerim...