カスタムコンポーネント


  mxml はクラスになります




実行ページ

以下の例ではコンテナを使っていますが、コントロールでもかまいません。

ダウンロード

ct_password.mxml
  

<mx:HBox
	xmlns:mx="http://www.adobe.com/2006/mxml"
>
<mx:Script>
<![CDATA[

	public var passText:String;

]]>
</mx:Script>

	<mx:TextInput
		id="pass"
		displayAsPassword="true"
	/>
	<mx:Button
		label="送信"
		click="passText = pass.text"
	/>

</mx:HBox>
  

これで、ct_password というクラスが出来上がるので、Main.mxml と同じディレクトリに置けば、
ただ書くだけで、いっしょにビルドしてくれますので、何も気にせず使えます。

タグでそのコンテナを記述したい場合は、mx:Application に、 xmlns="*" を記述しておけば、
クラス名をタグとして利用できます

以下の例では、タグで書いたコンテナが先に(はじめから)作成されて、new したクラスが後から追加されています

  

<?xml version="1.0" encoding="utf-8"?>
<mx:Application
	xmlns:mx="http://www.adobe.com/2006/mxml"
	initialize="initData();"
	xmlns="*"
>

<mx:Script>
<![CDATA[

	import lightbox.*;

	// クラスを使用するだけで良い
	private var pass_02:ct_password = new ct_password();

	// *********************************************************
	// アプリケーションの初期化
	// *********************************************************
	public function initData():void {

		// カスタムコンポーネント内のコントロールに id でアクセスしています
		// スタイルに対するアクセスは、setStyle・getStyle です
		pass_01.pass.setStyle("backgroundColor", 0xD0D0D0 );

		// このアプリケーションコンテナに、
		// カスタムコンポーネントを追加しています
		this.addChild( pass_02 );

		// メッセージ
		debug.firebug("initData() が実行されました" );
		debug.open();

	}

]]>
</mx:Script>

<!-- タグとしてクラスを使用 -->
<ct_password id="pass_01" 
	click="debug.firebug(pass_01.passText);"
/>

</mx:Application>
  

カスタムコンポーネント内へのアクセスは、それぞれインスタンス(pass_02)かまたは id(pass_01) で行います

1) public 変数( passText )は、プロパティ扱い
2) カスタムコンポーネント内の id( pass ) も、プロパティ扱い
3) スタイルには、setStyle・getStyle で( カスタムコンポーネントに限らない、一般的な仕様 )

タグ記述のほうに名前空間を付加したい場合は、以下のようにします

  

<?xml version="1.0" encoding="utf-8"?>
<mx:Application
	xmlns:mx="http://www.adobe.com/2006/mxml"
	initialize="initData();"
	xmlns:local="*"
>

<mx:Script>
<![CDATA[

	import lightbox.*;

	// クラスを使用するだけで良い
	private var pass_02:ct_password = new ct_password();

	// *********************************************************
	// アプリケーションの初期化
	// *********************************************************
	public function initData():void {

		// カスタムコンポーネント内のコントロールに id でアクセスしています
		// スタイルに対するアクセスは、setStyle・getStyle です
		pass_01.pass.setStyle("backgroundColor", 0xD0D0D0 );

		// このアプリケーションコンテナに、
		// カスタムコンポーネントを追加しています
		this.addChild( pass_02 );

		// メッセージ
		debug.firebug("initData() が実行されました" );
		debug.open();

	}

]]>
</mx:Script>

<!-- タグとしてクラスを使用 -->
<local:ct_password id="pass_01" 
	click="debug.firebug(pass_01.passText);"
/>

</mx:Application>
  


関連 LiveDocs
( ↑※ PC 環境によっては、最初の表示でロードされないので再表示が必要な場合があります )









yahoo  google  MSDN  MSDN(us)  WinFAQ  Win Howto  tohoho  ie_DHTML  vector  wdic  辞書  天気 


[flex3]
CCBot/2.0 (https://commoncrawl.org/faq/)
21/01/25 10:06:12
InfoBoard Version 1.00 : Language=Perl

BatchHelper COMprog CommonSpec Cprog CprogBase CprogSAMPLE CprogSTD CprogSTD2 CprogWinsock Cygwin GameScript HTML HTMLcss InstallShield InstallShieldFunc JScript JScriptSAMPLE Jsfuncs LLINK OldProg OracleGold OracleSilver PRO PRObrowser PROc PROconePOINT PROcontrol PROftpclient PROjscript PROmailer PROperl PROperlCHAT PROphp PROphpLesson PROphpLesson2 PROphpLesson3 PROphpfunction PROphpfunctionArray PROphpfunctionMisc PROphpfunctionString PROsql PROvb PROvbFunction PROvbString PROvbdbmtn PROvbonepoint PROwebapp PROwin1POINT PROwinSYSTEM PROwinYOROZU PROwindows ProjectBoard RealPHP ScriptAPP ScriptMaster VBRealtime Vsfuncs a1root access accreq adsi ajax amazon argus asp aspSample aspVarious aspdotnet aw2kinst cappvariety centura ckeyword classStyle cmaterial cmbin cmdbapp cmenum cmlang cmlistbox cmstd cmstdseed cmtxt cs daz3d db dbCommon dbaccess dnettool dos download flex2 flex3 flex4 framemtn framereq freeWorld freesoft gimp ginpro giodownload google hdml home hta htmlDom ie9svg install java javaSwing javascript jetsql jquery jsp jspTest jspVarious lightbox listasp listmsapi listmsie listmsiis listmsnt listmspatch listmsscript listmsvb listmsvc memo ms msde mysql netbeans oraPlsql oracle oracleWiper oraclehelper orafunc other panoramio pear perl personal pgdojo pgdojo_cal pgdojo_holiday pgdojo_idx pgdojo_ref pgdojo_req php phpVarious phpguide plsql postgres ps r205 realC realwebapp regex rgaki ruby rule sboard sc scprint scquest sdb sdbquest seesaa setup sh_Imagick sh_canvas sh_dotnet sh_google sh_tool sh_web shadowbox shgm shjquery shvbs shweb sjscript skadai skywalker smalltech sperl sqlq src systemdoc tcpip tegaki three toolbox twitter typeface usb useXML vb vbdb vbsfunc vbsguide vbsrc vpc wcsignup webanymind webappgen webclass webparts webtool webwsh win8 winofsql wmi work wp youtube