Grafik ve Animasyon Adobe Flash Hafta-12

29.04.2019

604

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.

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");
	}
}

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.