SwfFit ile Swf dosyalarınızı boyutlandırın!

Tarih: Haziran 15th, 2009 | Yazar: Ertuğrul Erkan | Kategori: Action Script | Etiketler: , , , , , , , , , | Yorum yok »

Merhaba arkadaşlar. Bugün size yine harika bir scriptten bahsedeceğim; SwfFit. SwfFit Html üzerine gömülü olan Swf dosyalarımızı As3 ve As2 desteği ile içeriden tekrar boyutlandırmamızı sağlıyor. Arkasına ise Javascript var. Mesela arkadaşlar bir site yaptınız. Fakat bazı yerlerde 800-600 olan boyutlarınızdan taşan noktalar var. O zaman içeriden boyutu 900-600 yapıyorsunuz ve bum! Scrollbar’ ımızı tarayıcı oluşturuyor…

Evet; scrollbar Flash konusunda oldukça sorunlu bir araç. Bir sürü hesap, olay dinleyicisi derken boşuna sistemi yoruyoruz. Halbuki “normal Html sayfaları” gibi, biz boyutumuzu ayarlasak ve işin geri kalanını tarayıcı yapsa ne hoş olurdu değil mi? Olurdu değil; oldu! SwfFit ile artık bu mümkün…

Öncelikle arkadaşlar. Paketimizi buradan indiriyoruz. İçerisinde As2 ve As3 olmak üzere iki türlü sınıf var. Biz As3′ ü kullanacağız. Şimdi arkadaşlar öncelikle projemizin olduğu dizine, indirdiğimiz dosyadan şunları çıkarıyoruz;

1. si: AS_Class -> As3 ve onun altındaki com isimli dosya.
2. si: Ana dizinde bulunan swffit isimli javascript dosyası.

Evett bunları projemizin olduğu dizine aktarıyoruz. Artık kaynak kodlara geçeceğiz. Arkadaşlar Swffit’ in Javascript yani External Api ile çalıştığını söylemiştim. Bu yüzden Html tarafında bazı işlemler yapacağız. Şimdi Html dosyamızı açalım ve şu kodu bir ekleyelim;

<script type="text/javascript" src="swffit.js"></script>
<script type="text/javascript">
swfobject.embedSWF("example.swf", "my_flash", "550", "400", "8.0.0");
swffit.fit("my_flash",800,600);
</script>

Arkadaşlar öncelikle swffit.js isimli dosyamızı içeriye davet ediyoruz. Sonrasında ise kullanacağımız swf dosyasını SwfAddress betiği ile içeriye alıyoruz;

NOT: Burada SwffAddress ile birlikte kullanılabileceğine örnek vermek amaçlı ekledim. Yoksa illa SwffAddress kullanmak zorunda değiliz! Normal; babadan kalma yöntemlede çalışmaktadır!!!

Swf dosyamızı Html dosyasına gömerken bir id kullanırız. Burada my_flash demişsiz. Swffit fonksiyonunu da o id ile bağlıyoruz. Ardından genişlik ve yükselik olmak üzere iki tane veri giriyoruz. Bu veriler Swf dosyanızın asıl boyutu. Arkadaşlar bunlar vermemiz gereken asıl kodlar. İstersek bu verilerden sonra maksimum yükselik ve genişlik, merkez tanımlayabiliriz;

swffit.fit('flashID', minGenişlik, minYükselik, maxGenişlik, maxYükselik, yükseklikMerkezi, genişlikMerkezi);

Merkez tanımlayarak nereden uzatması gerektiğini belirtebilirsiniz. Bu sayede kaymaların önüne geçilir…

Evett böylece Html tarafında birşey kalmadı. Sonrasında ise Swf dosyamızı açıyoruz ve içeriye şu kodları ekiyoruz;

import com.millermedeiros.swffit.SWFFit;
import com.millermedeiros.swffit.SWFFitEvent;
boyut_degistir.addEventListener(MouseEvent.MOUSE_DOWN,boyutlari_degistir);
function boyutlari_degistir(evt:Event) {
SWFFit.configure( { minWid: 1000, minHei: 700 } );
}

Mesela bu kod sayesinde boyut_degistir isimli butona tıklandığı anda swf dosyasının boyutu 1000 e 700 olarak değiştirilir. Ardından tarayıcı durumu anlar ve scrollbar çıkarır. Bu sayede sahneden taşan kısımlar görünür hale gelir.

Arkadaşlar SWFFit.configure methoduyla sadece min değerleri değil; max ve merkez değerlerini de değiştirebilirsiniz…

Swffit’ in en basit kullanımı bu halde. İsterseniz indirdiğiniz dosya içerisindeki örnekleri inceleyebilir; isterseniz sitesinden fonksiyonlara bakabilirsiniz…

Herkese iyi günler, iyi çalışmalar…

Benzer Yazılar;

Ahkam Kesme Aparatı