Flash Builder 4 -> Button

Posted by muchag | ActionScript 3.0,Flash Builder 4 |
初回投稿:2010-07-21 (水) 18:31:03 | 最終更新:2010-07-25 (日) 2:21:18

Button
spark.components
mx.controls

 

クリックイベント登録
FB4

FB4 上ではこちらから。

テキストボックスに関数名を記入してもよし。
ドロップダウンから選択してもよし。
 

イベントハンドラーを生成
[mxml]

[/mxml] 上記のコードが自動生成される。
 

サービスの呼び出しを生成

あ、ちなみに サービスと接続 してないと、この選択肢は表示されない。
[mxml]




[/mxml] もう少し多めにコードを自動生成してくれる。
 

AS
[as3onfx4]import flash.events.Event;

var myButton:Button = new Button();
myButton.addEventListener( MouseEvent.CLICK, hoge(event:MouseEvent) );[/as3onfx4]

Posted by muchag | ActionScript 3.0,Flash Builder 4 |
初回投稿:2010-07-21 (水) 18:31:03 | 最終更新:2010-07-25 (日) 2:21:18

文字列の検索・置換

Posted by muchag | ActionScript 3.0 |
初回投稿:2010-07-20 (火) 2:23:17 | 最終更新:2011-01-09 (日) 13:43:57

ActionScript 3.0 (含、Flex)
検索
[as3]String.search(pattern:*):int[/as3]

指定された pattern を検索し、最初に一致したサブストリングのインデックスを返します。一致するサブストリングがなかった場合、メソッドは -1 を返します。

ActionScript 3.0 言語およびコンポーネントリファレンス:String

 

置換
[as3]String.replace(pattern:*, repl:Object):String[/as3]

指定された pattern をストリングと照合し、新しいストリングを返します。
この新しいストリングでは、pattern と最初に一致した部分が repl で指定された内容に置き換えられます。
pattern パラメータには、ストリングまたは正規表現を指定できます。
repl パラメータには、ストリングまたは関数を指定できます。
関数を指定した場合、一致した部分は、関数によって返されるストリングに置き換えられます。
元のストリングは変更されません。

ActionScript 3.0 言語およびコンポーネントリファレンス:String

第2引数は Object 型なんだね。
置換後文字列なわけだから、てっきり String 型かと。。。
 

正規表現

正規表現

正規表現リテラルを囲む区切り文字はスラッシュ(/)です。

Flash 用 ActionScript 3.0 のプログラミング:正規表現の基礎 正規表現の使用の概要

正規表現処理用に RegExp というクラスがある。
[as3]var pattern1:RegExp = new RegExp(“test-\\d”, “i”);
var pattern2:RegExp = /test-\d/i;[/as3] ActionScript 3.0 言語およびコンポーネントリファレンス:RegExp
 

利用例
[as3]var str:String = “she sells seashells by the seashore.”;
var pattern:RegExp = /sh\w*/;
trace(str.match(pattern)); // output: she[/as3] Flash 用 ActionScript 3.0 のプログラミング:フラグとプロパティ
 

チェック

◆ActionScript 3.0 言語およびコンポーネントリファレンス:XML
[as3]XML.replace(propertyName:Object, value:XML):XML[/as3]  
◆配列、文字列、正規表現(ActionScript3):Stringの正規表現メソッド
文字列置換に関数を利用する例が載っている。

Posted by muchag | ActionScript 3.0 |
初回投稿:2010-07-20 (火) 2:23:17 | 最終更新:2011-01-09 (日) 13:43:57

Flash Builder 4 -> RichEditableText

Posted by muchag | ActionScript 3.0,Flash Builder 4 |
初回投稿:2010-07-19 (月) 5:11:58 | 最終更新:2010-07-25 (日) 2:22:59

HTML タグの反映
[mxml][/mxml] [as3onfx4]import flashx.textLayout.conversion.TextConverter;
import flashx.textLayout.elements.Configuration;
import flashx.textLayout.elements.TextFlow;
import flashx.textLayout.formats.TextDecoration;
import flashx.textLayout.formats.TextLayoutFormat;

private function init():void {
var txt:String = “Check out our website at flexexamples.com.”;

var cfg:Configuration = TextFlow.defaultConfiguration;

var normalFmt:TextLayoutFormat = new TextLayoutFormat(cfg.defaultLinkNormalFormat);
normalFmt.color = 0xFF0000; // red
normalFmt.textDecoration = TextDecoration.NONE;

var hoverFmt:TextLayoutFormat = new TextLayoutFormat(cfg.defaultLinkHoverFormat);
hoverFmt.color = 0xFF00FF; // purple
hoverFmt.textDecoration = TextDecoration.UNDERLINE;

cfg.defaultLinkNormalFormat = normalFmt;
cfg.defaultLinkHoverFormat = hoverFmt;

ret.textFlow = TextConverter.importToFlow(txt, TextConverter.TEXT_FIELD_HTML_FORMAT, cfg);
}[/as3onfx4]

Flex Examples:Customizing the appearance or a hyperlink in a TextFlow object in Flex 4
こちらよりの丸パクリ。。。
 

リンクの実装(a タグ)
[as3onfx4]import flashx.textLayout.elements.LinkElement;
import flashx.textLayout.events.FlowElementMouseEvent;
import mx.controls.Alert;

private function init():void {
var myString:String = “検索サイト:Google“;
myString.replace(/^$/, ““);

var myRichEditableText:RichEditableText = new RichEditableText();
myRichEditableText.text = myString;
}

protected function linkElement_clickHandler(event:FlowElementMouseEvent):void {
var linkEl:LinkElement = event.flowElement as LinkElement;
event.stopImmediatePropagation();
event.preventDefault();
}[/as3onfx4]

<参考サイト>
Flex Examples:
Creating a LinkElement in a Spark RichEditableText control in Flex 4
 

テキストの折り返し

width プロパティを設定しないと折り返しは実現しない。

Posted by muchag | ActionScript 3.0,Flash Builder 4 |
初回投稿:2010-07-19 (月) 5:11:58 | 最終更新:2010-07-25 (日) 2:22:59

Flash Builder 4 -> LayoutBase

Posted by muchag | ActionScript 3.0,Flash Builder 4 |
初回投稿:2010-07-18 (日) 21:06:06 | 最終更新:2010-07-25 (日) 2:41:59

Flash Builder 4 -> AS3 で layout の設定
で書いたが、コンテナ系コンポーネントの layout プロパティは
値ではなく LayoutBase クラスのサブクラスで設定する

サブクラス BasicLayout, ButtonBarHorizontalLayout, HorizontalLayout, TileLayout, VerticalLayout

Adobe® Flex® 4 リファレンスガイド:LayoutBase

これ関連で、分かりやすい記事を見つけたのでメモ。
Flexデベロッパーセンター:Flex 4 マスターシリーズ #10 Flex 4 Spark Layouts

Posted by muchag | ActionScript 3.0,Flash Builder 4 |
初回投稿:2010-07-18 (日) 21:06:06 | 最終更新:2010-07-25 (日) 2:41:59

Flash Builder 4 -> width, height のパーセント指定

Posted by muchag | ActionScript 3.0,Flash Builder 4 |
初回投稿:2010-07-18 (日) 14:11:44 | 最終更新:2010-07-25 (日) 2:50:44

ActionScript で、コンポーネントの width を 100% にしようとしてはまった・・・。

[as3onfx4]var myGroup:Group = new Group();
myGroup.width = “100%”; // エラー
myGroup.width = 100%; // エラー[/as3onfx4]

グーグル先生にお伺いを立てると・・・一発回答!
ジャンピング土下座:ActionScriptでのwidth/heightのパーセント指定方法

な、なるほど・・・そういうプロパティがあったのね・・・。

[as3onfx4]var myGroup:Group = new Group();
myGroup.percentWidth = 100;[/as3onfx4]

チャンチャン!

Posted by muchag | ActionScript 3.0,Flash Builder 4 |
初回投稿:2010-07-18 (日) 14:11:44 | 最終更新:2010-07-25 (日) 2:50:44

Flash Builder 4 -> 文字列と XML の相互変換

Posted by muchag | ActionScript 3.0,Flash Builder 4 |
初回投稿:2010-07-18 (日) 4:06:39 | 最終更新:2010-07-25 (日) 2:40:56

文字列から XML オブジェクトへ
[as3onfx4]var myXML:XML = new XML(String);[/as3onfx4] このように文字列を XML コンストラクタの引数にするだけ。

但し、XML の属性値、名前、テキスト値はすべて String データ型で表現されているので
後々数値として利用する場合は Number() 関数等で変換してから利用すること。
 

XML オブジェクトから文字列へ

XML オブジェクトまたはXMLList オブジェクトを文字列に変換する場合は
toString メソッド、あるいは toXMLString メソッドを用いる。

両者の違いは、最下層ノードの時に出る。
[as3]var myXML:XML =


burger 3.95

;

trace(myXML.item[0].menuName.toXMLString());
// burger trace(myXML.item[0].menuName.toString());
// burger[/as3]

最下層ノードのときだけは、toString メソッドだと当該ノードの値だけを抽出。

<参考元>
ActionScript 3.0 のプログラミング > ActionScript 3.0 の基本データ型およびコアクラス > XML の操作 > XML の型変換

Posted by muchag | ActionScript 3.0,Flash Builder 4 |
初回投稿:2010-07-18 (日) 4:06:39 | 最終更新:2010-07-25 (日) 2:40:56

Flash Builder 4 -> Tree

Posted by muchag | ActionScript 3.0,Flash Builder 4 |
初回投稿:2010-07-18 (日) 3:58:04 | 最終更新:2010-07-25 (日) 2:23:43