Örnek: Animasyon portföyü parçası (Flash Professional)

Tek ara hareket veya şekil arası gibi basit bir animasyon ile FLA dosyası oluşturun. Bir projede sunduğunuz bir animasyonu içeren FLA dosyasına zaten sahipseniz, o dosyayı açın ve yeni bir adla kaydedin.

İki düğmenin ekranın neresinde görüntülenmesini istediğinize karar verin. Bir düğme, animasyonu başlatmak, diğeri ise yazar portföyüne veya ana sayfaya bağlantı vermek içindir. Gerekirse, bu yeni içerik için Sahne Alanı'nda bazı boşlukları temizleyin veya Sahne Alanı'na bazı boşluklar ekleyin. Animasyonda yoksa, ilk karede bir başlangıç ekranı oluşturabilirsiniz. Bu durumda, büyük olasılıkla Kare 2'de veya daha sonraki bir noktada başlaması için animasyonu kaydırmak isteyebilirsiniz.

Zaman Çizelgesi'nde diğer katmanların üzerine yeni bir katman ekleyin ve bunu düğmeler olarak adlandırın. Bu katman, düğmeleri ekleyeceğiniz yerdir.

Düğmeler katmanının yukarısına yeni bir katman ekleyin ve bu bunu eylemler olarak adlandırın. Bu katman, uygulamanıza ActionScript kodunu ekleyeceğiniz yerdir.

Çizim araçlarını kullanarak, düğmeler katmanındaki birinci düğmenizin ("oynat/çal" düğmesi) görsel görünümünü oluşturun. Örneğin, en üst kısmında metnin yer aldığı yatay bir oval çizin.

Seçim aracını kullanarak tek bir düğmenin tüm grafik parçalarını seçin.

Ana menüden Değiştir > Sembole Dönüştür seçeneklerini belirleyin.

İletişim kutusunda sembol türü olarak Düğme seçeneğini belirleyin ve sembole bir ad verip Tamam'ı tıklatın.

Düğme seçili durumdayken, Özellik denetçisinde düğmeye playButton örnek adını verin.

İzleyeni, yazarın ana sayfasına götüren düğmeyi oluşturmak için 1 ile 5 arasındaki adımları yineleyin. Bu düğmeye homeButton adını verin.

Eylemler katmanının Kare 1'inde anahtar kareyi seçme.

Eylemler panelini açmak için, ana menüden Pencere > Eylemler seçeneklerini belirleyin.

Komut Dosyası bölmesinde şu kod girin:

stop();

Önceki adımlarda girilen kodun sonuna iki boş satır ekleyin.

Komut dosyasının alt kısmına şu kodu girin:

function startMovie(event:MouseEvent):void 
{ 
    this.play(); 
}

Bu kod, startMovie() adında bir işlevi tanımlar. startMovie() çağrıldığında, ana zaman çizelgesinin oynatılmaya başlanmasını sağlar.

Önceki adımda eklenen kodun ardından gelen satıra bu kod satırını girin:

playButton.addEventListener(MouseEvent.CLICK, startMovie);

Bu kod satırı, playButton öğesinin click olayının dinleyicisi olarak startMovie() işlevini kaydeder. Başka bir deyişle, playButton adındaki düğme her tıklatıldığında startMovie() işlevinin çağrılmasını sağlar.

Önceki adımlarda girilen kodun sonuna iki boş satır ekleyin.

Komut dosyasının alt kısmına bu kodu girin:

function gotoAuthorPage(event:MouseEvent):void 
{ 
    var targetURL:URLRequest = new URLRequest("http://example.com/"); 
    navigateToURL(targetURL); 
}

Bu kod, gotoAuthorPage() adında bir işlevi tanımlar. Bu işlev öncelikle http://example.com/ URL'sini temsil eden bir URLRequest örneği oluşturur. Daha sonra bu URL'yi navigateToURL() işlevine aktarır ve kullanıcı tarayıcısının bu URL'yi açmasına neden olur.

Önceki adımda eklenen kodun ardından gelen satıra bu kod satırını girin:

homeButton.addEventListener(MouseEvent.CLICK, gotoAuthorPage);

Bu kod satırı, homeButton öğesinin click olayının dinleyicisi olarak gotoAuthorPage() işlevini kaydeder. Başka bir deyişle, homeButton adındaki düğme her tıklatıldığında gotoAuthorPage() işlevinin çağrılmasını sağlar.

Ana menüden, Kontrol Et > Filmi Test Et seçeneklerini belirleyin. Flash Professional, SWF dosyasını oluşturur ve bir Flash Player penceresinde açar.

Beklediğiniz işlemi gerçekleştirdiklerinden emin olmak için her iki düğmeyi de deneyin.

Düğmeler çalışmazsa, kontrol etmeniz gereken şeyler şunlardır:

• Düğmelerin belirgin örnek adları var mı?

• addEventListener() yöntemi çağrıları, düğmelerin örnek adlarıyla aynı adları mı kullanıyor?

• addEventListener() yöntemi çağrılarında doğru olay adları kullanılıyor mu?

• İşlevlerin her biri için doğru parametre belirtilmiş mi? (Her iki yöntem için de MouseEvent veri türünde tek bir parametre gerekir.)

Tüm bu hatalar ve meydana gelmesi olası diğer hataların çoğu bir hata iletisinin verilmesine yol açar. Hata iletisi, Filmi Test Et komutunu seçtiğinizde veya projeyi test ederken düğmeyi tıklattığınızda görüntülenebilir. Derleyici hataları (Filmi Test Et'i ilk seçtiğinizde meydana gelen) için Derleyici Hataları paneline bakın. İçerik oynatılırken, örneğin bir düğmeyi tıklattığınızda oluşan çalışma zamanı hataları için Çıktı Paneli'ne bakın.