action script başlıklar
Merhaba Arkadaşlar daha önce sitemizdexml ve jquery ile güzel bir örneği yapılan gazete manşet tekniğinin biraz daha değişik ve action script versiyonu denedim. bence güzel oldu sizlerle de paylaşmak action script meraklılarına bir kaç teknik göstermek istedim.Öncelikle çalışma sayfamızı hazırlayalım. ölçüler önemli biraz.sayfamız 600X350 ana resim botunumuz 500×350 cercevemiz(kutu) 95×65 uyfak resmimiz 84×56. daha sonra instance nameleri atayalım. aşağıdaki resimden faydalanabilirsiniz.
değişken isimleri
Kısaca nasıl bir yol izleyeceğimizi anlatayım. ana yazan bölüme haber resmi gelecek. bu haber resimleri ve başlıkları xml dosyasından çekeceğiz. Aynı resimleri ufaltıp kücük resim olarak yan tarafa sıralayacağız. klasik manşet sistemi aslında.ilk frame’e gelelim ve aşağıdaki kodu kullanalım.önce xml’den çekme işlemi yapıyoruz.bu kod için başka bir kaynaktan faydalandım ben de.başlık ve resim yolları içi 2 tane array kullandım. aşağıda gördüğünüz üzere.baslangic degeri düzgün hizalama için boşlukları belirliyor .xml dosya yapımız aşağıdaresim1.jpg
resim2.jpg
resim3.jpg
resim4.jpg
resim4.jpg
_global.adres = new Array();_global.baslik = new Array();_global.baslangic=3;//burada xml’den çekme kodumuz başlıyor. xml nesnemizi oluşturuyoruz.var myXML:XML = new XML();//gereksiz boşlukları temizleyelimmyXML.ignoreWhite=true;//list.xml’den okumayı deneyelimmyXML.load(“list.xml”);//okuma başarılı ise elementleri ayıralım.myXML.onLoad = function(success) {if (success) {_global.myImage = myXML.firstChild.childNodes;for (i=0; i
Şimdi deger movieclibimize geleim ve onrollover ve rollout fonksiyonlarını oluşturalım.kodlarımız aşağıdaon(rollOver){//üstüne gelince efekt verelim.this._alpha=80;//unutmayalım ki bu mc’den 5 tane kopyaladık ve tıklama işleminde bunu belirlememiz lazım. aşağıda bunu mc adından tespit ediyoruz.no değişkenimize atıyoruz. aslında sadece d harfini replace ediyor kod._global.no= this._name.split(“d”).join(“”);//artık adres değişkenindeki resmi yükleyebiliriz. array’ı no sayısı ile kullanıyoruz. evet yandaki butonların üstüne gelindiğinde ana mc’ye büyük resmi yüklüyoruz.//noyu da bulduğumuza göre haber metin kutumuza başlık verelim.onu da ilgili array’dan bulduk.loadMovie(_global.adres[no],_root.ana);_root.haber.text=_global.baslik[no];//yandan ok gibi çıkan animasyon için kopya kutunun 2. frame gitmesini sağlıyoruz._root[“p”+no].gotoAndPlay(2);//güzel gidiyor. bir de alıştığımız tweenleri action script ile kullanalım. hızlı bir alpha efekti elde etmiş olalım.//gerekli sınıflarımızı import ediyoruz.import mx.transitions.Tween;import mx.transitions.easing.*;//yeni bir tween tanımlıyoruz.gördüğünüz gibi bu tween ana mc’mizin alpha değerini 0-100 arasında 1 kereye mahsus olmak üzere animasyona sokacak.var myHoriTween:Tween = new Tween (_root.ana,”_alpha”,Strong.easeOut,0,100,1,true);}//buton üstünden çekildiğimizde butonun alfasını tekrar 100’e getiyoruz. ve for döngüsü ile çıkmış tüm okları kapatıyoruz.on(rollOut){this._alpha=100;for(i=0;i<=5;i++){_root["p"+i].gotoAndStop(1);}_root["p"+_global.no].play();}
Evet arkadaşlar biraz karışık gibi görünsede açıklamalarla herkesin yapabileceğinden eminim.yine de kullanmak isteyenler uygulamayı indirebilirler.çalışan halini görmek için tıklayınTüm projeyi indirmek için tıklayın
