Animate ile düğmeler oluşturma

Hangi düğme türünün ihtiyaçlarınıza en uygun olduğuna karar verin.

Çoğu kullanıcı düğme sembollerini esnek oldukları için kullanır. Düğme sembolleri, düğme durumları için özelleştirilmiş bir iç zaman çizelgesi içerir. Görsel açıdan farklı Yukarı, Aşağı ve Üzerinde durumlarını kolaylıkla oluşturabilirsiniz. Ayrıca, düğme sembolleri kullanıcı eylemlerine tepki verirken durumlarını otomatik olarak değiştirir.

Karmaşık düğme efektleri oluşturmak için film klibi düğmesi kullanabilirsiniz. Film klibi sembolleri, animasyon dahil olmak üzere neredeyse her türden içeriği kapsayabilir. Ancak, film klibi sembolleri yerleşik Yukarı, Aşağı ve Üzerinde durumlarına sahip değildir. Bu durumları ActionScript kullanarak kendiniz oluşturursunuz. Film klibi dosyalarının bir dezavantajı, düğme dosyalarından daha büyük boyutlu olmalarıdır.

Yalnızca standart bir düğmeye veya geçişe ihtiyaç duyuyor ve bunun için geniş çaplı bir özelleştirme yapmak istemiyorsanız bir düğme bileşeni kullanın. Hem ActionScript 2.0 hem de 3.0 düğme bileşenleri durum değişikliklerine izin veren bir yerleşik kod içerir. Bu sayede düğme durumlarının görünümünü ve davranışını tanımlamak zorunda kalmazsınız. Bileşeni Sahne Alanı'na sürüklemeniz yeterlidir.

• ActionScript 3.0 düğme bileşenleri belirli ölçüde özelleştirmeye izin verir. Düğmeyi diğer bileşenlere bağlayabilir, uygulama verilerini paylaşıp görüntüleyebilirsiniz. Bu düğmeler erişilebilirlik desteği gibi yerleşik özelliklere sahiptir. Düğme, Radyo Düğmesi ve Onay Kutusu bileşenleri kullanılabilir.

• ActionScript 2.0'daki düğme bileşenleri özelleştirilemez. Bileşen, durum değişikliklerine izin verir.

Düğme durumlarınızı tanımlama

Kullanıcı kendisiyle etkileşime girmiyorken düğmenin görünümü.

Kullanıcı kendisini seçmek üzereyken düğmenin görünümü.

Kullanıcı kendisini seçiyorken düğmenin görünümü.

Kullanıcının tıklatmalarına tepki veren alan. Vuruş karesini tanımlamak isteğe bağlıdır. Düğmeniz küçükse veya grafik alanı bitişik değilse bu kareyi tanımlamak yararlı olabilir.

• Vuruş karesi içerikleri, oynatma sırasında Sahne Alanı'nda görünür değildir.

• Vuruş karesinin grafiği Yukarı, Aşağı ve Üzerinde karelerinin tüm grafik öğelerini kapsayacak kadar geniş bir düz alandır.

• Vuruş karesi tanımlamazsanız, Yukarı durumunun görüntüsü kullanılır.

  Sahne alanının farklı bir kısmı tıklatıldığında veya üzerine gelindiğinde (bağlı olmayan üzerine gelme olarak da bilinir) yanıt veren bir düğme oluşturabilirsiniz. Vuruş karesi grafiğini, diğer düğme karesi grafiklerinin olduğu konumdan başka bir konuma yerleştirin.

Düğmeyle bir eylem ilişkilendirme

Kullanıcı düğmeyi seçtiği zaman bir eylem gerçekleşmesini sağlamak için ActionScript kodunu Zaman Çizelgesi'ne eklersiniz. ActionScript kodunu düğmelerle aynı karelere yerleştirin. Kod Parçacıkları panelinde birçok genel düğme kullanımı için önceden yazılmış ActionScript 3.0 kodları bulunur. Bkz. Kod parçacıkları ile etkileşim ekleme.

 ActionScript 2.0, ActionScript 3.0 ile uyumlu değildir. Sizde bulunan Animate sürümü ActionScript 3.0 kullanıyorsa ActionScript 2.0 kodlarını düğmenize yapıştıramazsınız (tam tersi de geçerlidir). ActionScript öğesini başka bir kaynaktan kopyalayıp düğmenize yapıştırmadan önce sürümün uyumlu olduğunu doğrulayın.

Sahne Alanı'nda hiçbir öğenin seçili olmadığından emin olmak için Düzen > Tüm Seçimleri Kaldır'ı seçin veya Sahne Alanı'nın boş bir alanını tıklatın.

Ekle > Yeni Sembol'ü seçin.

Yeni Sembol Oluştur iletişim kutusuna bir ad girin. Sembol Türü için Düğme seçeneğini belirleyin.

Animate, sembol düzenleme moduna geçer. Zaman Çizelgesi; Yukarı, Üzeri, Aşağı ve Vuruş olarak etiketlenen dört ardışık kareyi görüntülemek amacıyla değişir. İlk kare (Yukarı) boş bir anahtar karedir.

Düğmenin Yukarı durumu görüntüsünü oluşturmak için Zaman Çizelgesi'nde Yukarı karesini seçin. Daha sonra çizim araçlarını kullanın, bir grafiği içe aktarın veya Sahne Alanı üzerine başka bir sembolün bir örneğini yerleştirin.

Düğmenin içinde grafik semboller veya film klibi sembolleri kullanabilirsiniz ancak başka bir düğme sembolü kullanamazsınız.

Zaman Çizelgesi'nde, Üzerinde karesini tıklatın ve daha sonra Ekle > Zaman Çizelgesi > Anahtar Kare'yi seçin.

Animate, önceki Yukarı karesinin içeriklerini çoğaltan bir anahtar kare ekler.

Üzerinde karesi hala seçiliyken, Üzerinde durumunda istediğiniz görüntüyü oluşturmak için Sahnedeki düğme imgesini değiştirin veya düzeltin.

Aşağı karesi ve isteğe bağlı Vuruş karesi için 5. ve 6. adımları tekrarlayın.

Bir düğme durumuna ses atamak için önce Zaman Çizelgesi'nde durumun karesini seçin, daha sonra Pencere > Özellikler öğelerini seçin. Ardından, Özellik denetçisindeki Ses menüsünden bir ses seçin. Yalnızca içe aktarmış olduğunuz sesler Ses menüsünde görüntülenir.

Bitirdiğinizde, Düzen > Belgeyi Düzenle'yi seçin. Animate, sizi FLA dosyanızın ana zaman çizelgesine geri götürür. Sahne Alanı'nda oluşturduğunuz düğmenin örneğini oluşturmak için, düğme sembolünü Kütüphane panelinden Sahne Alanı'na sürükleyin.

Bir düğmenin işlevselliğini test etmek için Kontrol Et > Test Et  komutunu kullanın. Kontrol Et > Basit Düğmeleri Etkinleştir'i seçerek Sahne Alanı'nda bir düğme sembolünün durumlarını önizleyebilirsiniz. Bu komut, Kontrol Et > Test Et seçeneğini kullanmadan bir düğme sembolünün yukarı, üzerinde ve aşağı durumlarını görmenizi sağlar.