Kayan Menü Bar

admin — Fri, 26 Feb 2010 00:10:19 +0000

Flash çalışmamızda kayan menü hazırlayacağız. Yeni çalışma sayfası açalım benim tercihim 400×300 px oldu çalışmada kullanmak için kullanacağım buton yerine ben resimler hazırladım siz isteğinize göre değişik tasarımlar yapabilirsiniz.
1-Çalışmada kullandığı 6 adet resmi import ettim. Kütüphaneden resimleri tek, tek alarak movie klip yapalım name olarak sıralarsak “img_mc1” yazabiliriz.

2-New Symbol yeni movie clip yaratalım isim olarak “img_kayan_mc” yazalım klip içine girelim layer1 kütüphaneden “img_mc1” klipi alarak ayarlayalım klip seçili instance name kutusuna “img4”yazalım.

3-Yeni layer ekleyelim layer adı “img_mc2”klipi alarak ayarlayalım klip seçili instance name kutusuna “img3” yazalım.

4-Örnek resimlerde görüldüğü şekilde siz diğer klipleri sıralıyoruz.

5-Yeni layer ekleyelim layer adı mask olsun Rectangle Tool aracı ile örnek resimdeki şekilde bir dikdörtgen oluşturalım.

6-Mask layer üzerinde sağ klik mask uygulayalım layerleri mask içine kaydıralım. Yeni layer ekleyelim layer adı action olsun.

7-Action layer 1.framede actios paneli açıp ekli kodu ekleyelim.

stop();

//Setup////////////////////////////////////////

//toplam clip sayı - properties panelden instance name sıralaması img1,img2,img3,şeklinde
var totalClips = 6;			

//stop clip itibaren tam değişerek hareket;
var holdPosition = false; 

//max hız movie clip
var maxSpeed = false;

///////////////////////////////////////////////////

var slideSpeed 		= 0.1;
var currentMousex 	= 0;
var clipBaseName 	= 'img';
var w_clips 		= this[clipBaseName + '1']._width+2;
var totalWidth 		= (totalClips * w_clips);
var maxleft 		= img1._x;
var maxright 		= (totalWidth/2);
//--

onEnterFrame = function(){
	currentMousex = Math.floor(this._xmouse);
	if(maxSpeed != false) currentMousex = (currentMousex >= maxSpeed)? maxSpeed : -maxSpeed;

	//-----------------------------------------
	if(!holdPosition){
		for(i=0;i <= totalClips; i++){
			var tmpObj = this[clipBaseName + i];
			tmpObj._x = Math.floor(tmpObj._x-(currentMousex*slideSpeed));
			if(tmpObj._x <= maxleft){tmpObj._x += totalWidth;}
			if(tmpObj._x >= maxright){tmpObj._x -= totalWidth;}
		}
	}
}

8-Scene1 sahnemize gelip kütüphaneden “img_kayan_mc”klipi alarak layer1 1.frameye ekleyelip sahnede klipi seçerek tekrar movie clip yapalım. Name “page_mc”yazalım page_mc içine girelim merkez nokta ayarını yapalım örnek resmi inceleyin.

9-Çalışmamızın son olarak scene1 üzerindeki görünümünü vereyim.

Not: Çalımadaki resimleri buton yapmak isterseniz resimleri tek, tek klip yaptığınız klipler içine girerek yeni layer ekleyin resmi kapatacak bir kare oluşturun buton sadece hit kısmı aktif olacak unutmayalım buton üzerine gelip link verebilirsiniz.
Çalışmamızı bitirdik test edelim Ctrl+Enter

FLA İndir

Bu Yazıyı Paylaşın

photoders » kayan menü bar

Kayan Menü Bar