?> AS3 Flash Sitede Full Ekran Modu - photoders
Site » ActionScript 3.0

AS3 Flash Sitede Full Ekran Modu

[ 23 Eyl 2008 | 7 Yorum ]

photodersFlash Player 9 ile birlikte flash uygulamalar kullanıcının isteğine bağlı tam ekran seçeneğini yapabilirsiniz. Kullanıcılar eklediğiniz butonlara tıklamaları ile full ekran normal ekrana geçebiliyorlar.
Uygulmayı kısaca sizlere aktarayım
İlk olarak yeni bir sayfa açalım isterseniz benim eklediğim gibi resimde ekleyebilirsiniz. Resmi import edelim sahnedeki resim seçili durumda movie klip yapalım name olarak “bg” isim verelim. İki adet buton hazırlayalım. Sahnede dikdörtgen aracı kullanarak dış çizgisi olmayan bir kare hazırlayalım.
null
Butonumuzu hazırladık seçili durumda F8 new symbol button yapalım. Name kısmına “full_ekran_buton” yazalım Butonumuzun içine girelim. Yeni bir layer ekleyelim 1.frameye içi boş daire çizelim butonumuz ilk göründüğünde üzerinde bir işaret olması daha uygun olacağından ekliyoruz isterseniz eklemeyin benim örneğim resimde
null
Tekrar aynı butondan bir adet daha yapalım name olarak “normal_ekran_but” yazalım burada buton üzerinde ekleyeceğimiz daireyi biraz ufak yapalım.
Text tool aracını seçelim Dynamic text oluşturalım instance name kısmına konum yazalım yazımızı yazalım Tam Ekran şeklinde olsun hazırladığımız dynamic text seçili movie klip yapalım name olarak “ful_ekran_mc” yazalım klip içine girelim sahnedeki dynamic text bulunduğu layerde aynı framede ilk butonumuzu kütüphaneden alarak ekleyelim ilk eklediğimiz “normal_ekran_but” butonumuz olacak instance name kısmına but1 yazalım şimdi diğer butonumuzu hemen üzerine gelecek şekilde
yerleştirelim “full_ekran_buton” instance name kısmına but2 yazalım. Yeni bir layer ekleyelim layer adı AS3 olsun yeni eklediğimiz layeri sağ tıklayarak actions paneli açalım F9 verdiğm kodları ekleyelim.
null


stop();
but1.addEventListener(MouseEvent.CLICK,full_ekran_yap);
but2.addEventListener(MouseEvent.CLICK,normal_ekrana_don);

function full_ekran_yap(e:Event):void{
stage.displayState = StageDisplayState.FULL_SCREEN;
but1.visible=false;
konum.text="Normal ekran--> >";
}
function normal_ekrana_don(e:Event):void{
stage.displayState = StageDisplayState.NORMAL;
but1.visible=true;
konum.text="Full ekran-->";
}

Scene 1 sahnemize gelelim ilk layer adını bg olarak verelim arka plan resmimiz var burada hemen instance name kısmına “bg” yazalım. Yeni bir layer ekleyelim layer adı buton olsun “ful_ekran_mc” klipimizi ekleyelim.sahnede seçili durumda instance name kısmına “ekran_bn” yazalım. Yeni bir layer ekleyelim bu layerimize verdiğim kodları ekleyelim bu as kodlarımızın amacı sahnede nereye eklersek ekleyelim butonlarımızı sahnenin sağ üst köşesinde gösterecektir.

var sahne:Stage = stage;
sahne.scaleMode = StageScaleMode.NO_SCALE;
sahne.align = StageAlign.TOP_LEFT;

sahne.addEventListener(Event.RESIZE, sahne_yenile);

function sahne_yenile(event:Event):void {
ekran_bn.x=sahne.stageWidth-3;
ekran_bn.y=3;
bg.width=sahne.stageWidth;
bg.height=sahne.stageHeight;
}
sahne_yenile(null);

Çalışmamız bitti şimdi test edelim CTRL+ENTER
Publish setting seçeneği ile kayıt edelim html sayfamızda oluşsun html sayfamız açalım kodu bulalım value false olan kısmı true yazalım “
”
“width="100%" height="100%"” değerleri değişirsek daha iyi olur 100% olarak yazalım
Tam olarak ekli dosyalar içinden FLA ve Html sayfasını inceleyin

Örnek Çalışmayı İzle

FLA İndir

Etiket:

7 Yorum »

  • mujdatakilli diyor'ki:
    13 May 2009 saat 14:03

    merhaba hocam oncellıkle ders için elinize saglık.. hocam ben size flashta actions script 2 icin sıze ben bır sorum olacak hocam ben sımdı sıtede flashla menuler banner felan yaptım sıze sorum su olacak hocam ben en son keyframeye stop scrıbi verdıgımde neden hepsı duruo acaba ben sadece ıstedıklerımı durdurmak ıstıyorum dıerlerının devam etmesını ıstıyorum yardımcı olursanız cok sevınırım hocam sımdıden tesekkur ederım…

  • admin (author) diyor'ki:
    13 May 2009 saat 22:05

    sorunun cevabınıda yazmışsın sen son keyframeye stop eklemişsin yani bir animasyonun sonuna eklennmiş stop onu durdurur senin yapmak istediğin daha farklı farklılığı tam olarak yapmak istediğini alamadığım zaman bir yanıt vermem zor

  • mujdatakilli diyor'ki:
    14 May 2009 saat 18:46

    hocam son keyframeye stop ekledıgımden dolayı durdugunu bılıyorum yoksa sureklı aynı seyler oynuyup duracak ; benım demek ıstedıgım su hocam ben ıstıyorumkı sadece benım ıstedıgım seyler sureklı hareket etsın benım yonlendırgım sekılde sureklı hareket etsın ama ıstemedıklerım hareket etmesın 1 kere hareket etsın sole ornekle anlatım web şablonumdakı tema basta hareket edıo ama hareket 1 kere etsın dursun ama ondan sonra bannerımdakı logom olsun yazılar olsun sureklı harket etsın bunu anlatmaya calısıyorum hocam sablonumdakı giriş bır kere hareket etsın dursun ama bannerdakı olsun dıer yerlerdekı benım ıstedıgım seyler sureklı hareket etsın hocam şimdiden tesekkur ederım…

  • admin (author) diyor'ki:
    15 May 2009 saat 00:33

    Soruna cevap için bir çalışma hazırlayarak anlatmak en doğrusu olacak kısaca actions layer ekleyip her animasyonun başlangıç framesine isim verip instance name ekleyip haraket vereceğin butonları ona göre yönlendirmen gerekli kısaca buna benzeyecek ders işleyebilirsem en kısa zamanda ekleyeceğim

  • mujdatakilli diyor'ki:
    15 May 2009 saat 19:07

    tesekkur ederım oncelıkle hocam sorularımı yanıtladıgınız için sorunu anladım hocam yaptım sagolun.

  • admin (author) diyor'ki:
    15 May 2009 saat 21:50

    uygulamanı ekleseydin diğer ziyaretcilere fikir verebilirdi

  • ebru diyor'ki:
    11 Ara 2009 saat 19:08

    MERHABA! FULL EKRAN MODU’NU AS2 DE NASIL YAPABİLİRİZ?

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ş