?> Menü Kullanarak İçerik Kaydırma - photoders
Site » Flash Dersleri

Menü Kullanarak İçerik Kaydırma

[ 09 Oca 2009 | 7 Yorum ]

photodersFlash çalışmamızda menü ile hazırladığımız içerikleri kaydıracağız. Çalışmamızda kullanmak için 4 adet resmi import edelim isterseniz resim kullanmayabilirsiniz. Çalışmada kullanmak için aldığım resimler 400×200 px açtığım çalışma sayfası 400×227 px oldu resimleri peş peşe ayarlayalım sahnedeki resimler seçili F8 movieClip yapalım name kısmına icerik_mc yazalım.

 

[Hidepost]
photoders
Rectangle tool aracını seçelim sahneye bir dikdörtgen çizelim dış çizgisi olmasın. 400×27 px olsun seçili durumda F8 movieClip yapalım name arka_bg olsun arka_bg klip seçili durumda tekrar movieClip oluşturalım name menu olsun. Text Tool seçelim yazı yazalım yazdığımız yazıyı F8 button yapalım name but1 olsun aynı şekilde çalışmada kullandığımız içerik sayısı kadar buton hazırlayalım içerik1,içerik2,içerik,3,içerik4 menü klipimizin ilk layerine arka_bg klip ekli yeni layer ekleyelim layer adını butonlar olarak yazalım kütüphaneden hazırladığımız butonları tek, tek alarak sıralayalım. Ekli butonları teker teker seçili yapğalım instance name kutusuna örnek vermem gerekirse içerik1 buton instance kutusuna b1_but yazıyoruz butonları sıra ile seçerek b2_but sayı kısmını değişerek yazalım.
photoders
Yeni layer ekleyelim layer adı action olsun eklediğim kodu F9 actions paneli açarak ekleyelim.

var hedef:Number=0;
onEnterFrame = function () {
_root.icerik_mc._x+=(hedef-_root.icerik_mc._x)*0.2;
}
b1_but.onRollOver = function () {
hedef=0;
}
b2_but.onRollOver = function () {
hedef=-400;
}
b3_but.onRollOver = function () {
hedef=-800;
}
b4_but.onRollOver = function () {
hedef=-1200;
}

İçerik eklemek isterseniz kodu inceleyin hedef değerini içerik boyutu kadar artırmanız yeterli olacaktır.
Scene1 sahnemize gelelim layer 1 adını değişelim içerik olsun yeni layer ekleyelim adı menü olsun. Kütüphaneden menu klipi alarak ekleyelim çalışma sayfamız ile resim ölçüleri arasında 27px fark vardı fark olan kısım menü barı eklediğimiz yer oluyor ilk layerimiz icerik seçili durumda instance name kutusuna icerik_mc yazalım artık test edebiliriz. CTRL+ENTER

FLA indir

[/Hidepost]

Etiket: , , ,

7 Yorum »

  • Fikret diyor'ki:
    19 Şub 2009 saat 22:19

    Hocam bir sorum olucak.Şimdi bu icerik_mc ve b1_but,b2_but vb isimler kodda normal gözüküyor.Yani mav renkle değilde normal.Çalışmıyor animasyon.2kere denedim olmadı.Sizce sebebi nedir?

  • Fikret diyor'ki:
    19 Şub 2009 saat 22:41

    Teşekkürler hocam sorunumu çözdüm.Instance name kısmına b1_but yazıyordum ama olmuyordu.Programı kapatıp açtım; düzeldi.Teşekkürler.

  • admin (author) diyor'ki:
    20 Şub 2009 saat 00:09

    Sorun yaşadığınızda ekli fla dosyasını indirip incelemede yapabilirsiniz kolay gelsin

  • ömer diyor'ki:
    12 Nis 2009 saat 02:21

    sunumların için teşekkur ederim bu flashın b aska turlusunu yapmak istiyorum fotogra sağdan sola değilde linkler sağda olacak fotograflar asagıdan yukarı akmasını istiyorum bi turlu yapamadım yardımcı olursanız cok sevinirim tekarar teşekkur ederim

  • admin (author) diyor'ki:
    12 Nis 2009 saat 02:33

    Çalışmayı yaparken istediğiniz şekilde aşağı yukarı olarak düzenleyin eklenecek kod kısmında

    onEnterFrame = function () {
    _root.icerik_mc._x+=(hedef-_root.icerik_mc._x)*0.2;
    }     x olan yerleri y olarak değişin deneyin

  • ahmet usta diyor'ki:
    04 May 2009 saat 21:44

    ders için teşekkürler,Yanlız bu çalışmanın kendikendine değişen bir versiyonu varmıdır?

  • Umut diyor'ki:
    02 Mar 2010 saat 15:31

    Allah razı olsun hocam eline sağlık başarılarının devamını dilerim

Yorum Yazın

Konuyla ilgili yorumlarınızı aşağıya yazabilir diğer okuyucularla paylaşabilirsiniz, yazıdan alıntı yapacak olursanız geribildirim yapmayı unutmayın.. Yazıdaki yorumları RSS olarak takip etmek için tıklayınız .

Yorum yazarken dikkat etmeniz gereken hususlar;

  • Spam ve reklam içerikli yorumlar silinecektir.
  • Yorumlar onay gerektirdiğinden birden fazla kez aynı yorumu yazmayınız.
  • Yorumlarınızın konu ile alakalı olmasına özen gösteriniz.
  • Küfür, hakaret etmenizin kimseye faydası olmadığını unutmayın.
  • Yorum yapmanız, onaylanacağı anlamına gelmemektedir. Buradaki hususlara dikkat etmeniz, onaylanma şansını artıracaktır.

    • Güvenlik Kodunun Resmi
    *

    Kapat
    E-posta ile paylaş