Flex 3 - Kendi Komponentini Kullanmak

Flex in en önemli özelliği çok fazla hazır komponenti bulunması ve kolay kullanılmasıdır. Kendi oluşturacağımız özel komponentleri de kullanmamıza izin veriyor.

Yeni bir komponent oluşturmak için, Projenizde istediğiniz bir bölümde (genelde src altında) bir klasör açın. Ben adına components dedim. Bu klasör üzerine Sağ Tuş -- New -- MXML Component diyoruz, Componente bir isim veriyoruz, alt bölümde hangi hazır komponenti örnek alacağını seçiyoruz ve bildiğiniz MXML belgesi oluşturuyor aslında.

Bu MXML belgesine istediğiniz özellikte bileşenler ekleyerek (örneğin bir hesap makinesi) kullanmak için kaydedebilirsiniz. Ben şimdilik basit bir VBox kullandım.

<?xml version="1.0" encoding="utf-8"?>
<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml"
   backgroundColor="#FF0000">
  <mx:Label text="bu benim komponentim"/>
  <mx:TextInput id="giris"/>
  <mx:Button label="Tıkla"/>
</mx:VBox>

Şimdi bunu nasıl kullanacağımıza gelelim. Normal bir MXML Application oluşturuyoruz. İçerisinde components: diye başladığınızda komponentinizin adını görmeniz gerekiyor. Ben ismini yeni verdiğim için components:yeni diye çıktı.

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns:components="components.*">
  <components:yeni x="10" y="10"/>
  <components:yeni x="205" y="10">
  </components:yeni>
</mx:Application>

Design modunda View -- Components diyerek sol tarafta Components Panelini ve içinde Custom bölümünü açtığınızda da kendi komponentinizi görebilir ve sahneye sürükleyebilirsiniz. Bir çalışmada bir komponenti istediğimiz kadar kullanabiliriz. Yukarıda ben 2 adet kullandım.