Width-Height Komutları - Nesne Özellikleri

Bu dersin sonunda bir ödev veriyorum. Ödevdeki sorduğum soruyu yorum olarak yazabilirsiniz.

Bir nesnenin 2 boyutlu olarak yükseklik ve genişliğini ayarlamak veya bunu kontrol etmek için width ve height  kullanılır. 

Width : Nesnenin genişliği.
Height : Nesnenin yüksekliği. 

Kullanım şekli nesnenin durum adını (instance name) belirttikten sonra nokta operatörünü ekleyip height veya width yazmaktır. Daha sonra eşittir operatörü ile değerini belirtebiliriz.

Ayrıca width ve height özelliklerini nesneyi seçili hale getirdikten sonra Properties panelinden de ayarlayabiliriz.

Hemen denemek için sahneye bir şey çizip MovieClip' e çevirelim. Biraz büyük bir nesne olsun. Bunun instance name değerine mcNesne yazalım. Daha sonra bir de buton oluşturalım ve butona btnDegistir yazalım.

Şimdi yapacağımız şey şu olacak. İlk önce trace() komutu ile OutPut panelinde nesnemizin width ve height değerlerini yazdıracağız. Daha sonra btnDegistir butonuna basıldığında mcNesne isimli nesnemizin height ve width değerlerine 0 ve 500 arasında rastgele bir değer verilecek ve yeni verilen değerler de trace() ile OutPut panelinde yazdırılacak. Bunun için ilk olarak mcNesne isimli nesnemize belirli bir height ve width değeri verelim. 20 ye 20 olsun mesela. Kodları frame'e girelim :



mcNesne.width=20;
//Nesnenin genişliğini belirttik.
mcNesne.height=20;
//Nesnenin yüksekliğini belirttik.

function ozellikDegistir(e:MouseEvent):void {
//Değiştirme işini yapacak olan fonksiyonumuzu belirledik ve event tipini yazdık.
trace("Nesnenin eski yüksekliği: "+mcNesne.height);
//Nesnemizin eski yükseklik değerine eriştik ve bunu yazdırdık.
trace("Nesnenin eski genişliği: "+mcNesne.width);
//Nesnemizin eski genişlik değerine eriştik ve bunu yazdırdık.
mcNesne.width=Math.random()*500;
//Nesnemizin yeni genişlik değerinin 0 ile 500 arasında rastgele bir değer olmasını sağladık.
mcNesne.height=Math.random()*500;
//Nesnemizin yeni yükseklik değerinin 0 ile 500 arasında rastgele bir değer olmasını sağladık.
trace("Nesnenin yeni yüksekliği: "+mcNesne.height);
//Nesnemizin yeni yükseklik değerine eriştik ve bunu yazdırdık.
trace("Nesnenin yeni genişliği: "+mcNesne.width);
//Nesnemizin yeni genişlik değerine eriştik ve bunu yazdırdık.
}

btnDegistir.addEventListener(MouseEvent.CLICK,ozellikDegistir);
//Fonksiyonu buton ile işler hale getirmek için olay dinleyicimizi ekledik. 


Test ettiğimizde yukarıdaki anlattıklarımın gerçekleştiğini göreceksiniz. Bu sefer ödev tarzında bir şey vereceğim. Bu yazının altına vereceğim kodun sonucunda trace() ekranında ne yazdırılacağını bulmaya çalışın ve bulunan değeri yine aşağıdaki kodlarla beraber kullanarak nesnenin yeni width ve height değerini bulduğunuz değerlere eşitleyin.


mcNesne.width=99.9;
mcNesne.height=55.3;
trace(mcNesne.width*2.5);
trace(mcNesne.height*3.4);