Grafik ve Animasyon Adobe Flash Hafta-12

CheckBox Bileşeni (CheckBox Component) ile Çoklu Seçim Uygulaması
Grafik ve Animasyon Adobe Flash Hafta-12 dersimizde CheckBox bileşenini Flash ActionScript kodları ile nasıl yönetebileceğimizi öğreneceğiz. CheckBox Bileşeni ile çoklu seçim uygulaması.
Uygulama Faaliyeti 1: CheckBox Bileşeni (CheckBox Component) ile Çoklu Seçim
Adım 1: 450×300 beyaz arkaplanı olan bir çalışma açın.
Adım 2: Sahnenin sol üst köşesine yakın bir yere Metin Aracı (T) – Statik Metin ile “Hangi Programları Kullanabiliyorsunuz?” yazısını yazın.
Adım 3: Bileşenler panelinden 4 adet CheckBox alın ve sahneye eklediğiniz yazının altına yerleştirin. Hizalamaları yapın etiket (Label) isimlerini sırasıyla “Flash, Fireworks, Dreamweaver, Visual Studio“ olarak değiştirin. Örnek adlarını da sırasıyla “adobe_flash, adobe_fireworks, adobe_dreamweaver, visual_studio“ olarak belirleyin.
Adım 4: Sahnenin sağ ortasına uygun bir yere Metin Aracı (T) – Dinamik Metin ile “150×150 pixel” ebatlarında örnek adı “metin” olan metin alanı ekleyin. Metin alanına metin gömme işlemini uygulayın ayrıca paragraf ayarlarından Davranış:Çok Satırlı olarak değiştirin. Uygulamamız görsel olarak aşağıdakine benzer olmalıdır.

Adım 5: Sahnede boş bir yere fare ile tıklayın ve “F9” a basarak eylemler panelini açın. Aşağıdaki ActionScript kodlarını buraya yazın.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 |
import flash.events.MouseEvent; metin.text = "Kullandığım Programlar"; adobe_flash.addEventListener(MouseEvent.CLICK, metin_degistir); adobe_fireworks.addEventListener(MouseEvent.CLICK, metin_degistir); adobe_dreamweaver.addEventListener(MouseEvent.CLICK, metin_degistir); visual_studio.addEventListener(MouseEvent.CLICK, metin_degistir); function metin_degistir(event:MouseEvent):void { metin.text = "Kullandığım Programlar\n\n"; if (adobe_flash.selected == true) { metin.appendText(adobe_flash.label+"\n"); } if (adobe_fireworks.selected == true) { metin.appendText(adobe_fireworks.label+"\n"); } if (adobe_dreamweaver.selected == true) { metin.appendText(adobe_dreamweaver.label+"\n"); } if (visual_studio.selected == true) { metin.appendText(visual_studio.label+"\n"); } } |
Adım 6: Animasyonunuzu test etmek için “Ctrl + Enter” tuş kombinasyonunu kullanınız. Sonuç aşağıdakine benzer olmalıdır. Not: Flash uygulamasını göremiyorsanız “Adobe Flash Player eklentisini etkinleştirmek için tıklayın” yazan yere tıklayın ve açılan pencereden izin ver’e tıklayın. Grafik ve Animasyon Adobe Flash Hafta-12 adlı uygulamamıza ait ekleri aşağıdan indirebilirsiniz.
ActionScript CheckBox Çoklu Seçim Uygulaması Dosyalarını indir. (FLA-SWF) |
|
Grafik ve Animasyon Adobe Flash Konu Anlatımları İçin Tıklayınız… |