1.　ActionScript ファイルまたは MXML ファイルの ブロック内にアセットを埋め込む場合に使用する時
[Embed(parameter1, paramater2, ...)] メタデータタグ

2.　MXML タグ定義で使用する時
@Embed(parameter1, paramater2, ...) ディレクティブ

3.　MXML ファイルの <mx:Style> ブロック内で使用する時
Embed(parameter1, paramater2, ...) ディレクティブ

ちょっとずつEmbedの書き方が違いますよね。

例えば 1. の書き方で画像を読み込んだ場合

<mx:Script>
<![CDATA[
[Embed(source="assets/logo.png")]
[Bindable]

public var Logo:Class;
]]>
</mx:Script>

<mx:Image id="myLogo" source="{Logo}"/>

<mx:Image id="myLogo2" source="{Logo}"/>

とidを別の名前でふってあげると画像をコピー出来るんですが、
2. のやり方で書くと

<mx:Image id="myLogo" source="@Embed('assets/logo.png')"/>

直接書いてしまうので、もちろん画像を１つだけしか使えません。

1. の使い方でもう一つ。
上記の
[Embed(source="assets/logo.png")]
の部分をswfにするともちろんswfファイルが読めるのですが、もうひとつ加える事によって、そのswfファイルの中にあるButton および MovieClip シンボルだけを読み込む事が出来るようなのです。
ただし、Graphic シンボルは ActionScript 用にエクスポートできないので、埋め込むことはできません。
となっていました。
回避方法は探すとみつかるとは思いますが、基本の方法では無理なようです。

<mx:Script>
<![CDATA[
[Embed(source="assets/library.swf", symbol="BadApple")]

[Bindable]
public var BadApple:Class;

[Embed(source="assets/library.swf", symbol="Pumpkin")]

[Bindable]
public var Pumpkin:Class;

]]>
</mx:Script>

<mx:Image id="badApple" source="{BadApple}" width="150" height="151.8"/>

<mx:Image id="pumpkin" source="{Pumpkin}" width="150" height="131.7"/>

symbol プロパティにシンボルのリンケージ名を書いてやる事で、それだけを使用する事が出来るようです。
これ、どうするんだろうとちょっと思っていたので、すっきりです。

mxmlコンポーネントButtonに対して画像を当てはめる場合。

<mx:Style>
Button
{
upSkin: Embed("assets/box_closed.png");

overSkin: Embed("assets/box.png");
downSkin: Embed("assets/box_new.png");

}
</mx:Style>

<mx:Button/>

と書けばButtonをデフォルトからグラフィカルに変化！！です。
これもすっきり。

あと、フォントの読み込み。
これも疑問に思っていた内容なので、覚書です。

1. の書き方なのですが、

[Embed(source='myfont.ttf', fontName='foo', mimeType='application/x-font')]
var myfont:Class;

MainTextField.defaultTextFormat=new TextFormat("font", 12, 0x000000);
MainTextField.embedFonts = true;

source にハードディスク上のフォントファイルにあるTrueTypeのフォントを指定します。
読み込めるフォントタイプはTTFだけです。これも要注意！！
で、TextFormatに読み込んだファイルのClass名をしていてあげて、embedFontsを”true”にしてやればOK。

フォントもMXML ファイルの での読み込みも出来ます。

<mx:Style>
@font-face
{
font-family: Copacetix;

src: url("assets/copacetix.ttf");
unicode-range:
U+0020-U+0040, /* Punctuation, Numbers */

U+0041-U+005A, /* Upper-Case A-Z */
U+005B-U+0060, /* Punctuation and Symbols */
U+0061-U+007A, /* Lower-Case a-z */
U+007B-U+007E; /* Punctuation and Symbols */

}

.MyTextStyle
{
font-family: Copacetix;
font-size: 24pt;
}

</mx:Style>

<mx:Text styleName="MyTextStyle" text="Embedded fonts rock!" width="100%"/>

ううん〜〜
色々方法がありますねぇ。
使い方、使いどころ、考える事が多いですなぁ。

最後に
MIME タイプについて

指定しなければFlex側でファイルの拡張子に基づいて、読み込むファイルのタイプを推測してくれるようです。
指定した場合はオーバーライドで書き換えてくれるみたいです。

• application/octet-stream
• application/x-font
• application/x-font-truetype
• application/x-shockwave-flash
• audio/mpeg
• image/gif
• image/jpeg
• image/png
• image/svg
• image/svg-xml

上記すべてを参考にさせてもらったサイト様

• アプリケーションアセットの埋め込み
• アセット埋め込みのシンタックス
• フォントを埋め込む

関連する投稿

• [Icon] WEB印鑑を無料で作ってみたい
• [Flex] ローディングアニメーションのmxmlコンポーネント
• [Flex] ページがめくれるような効果を付けるコンポーネント
• [Flex] mxコンポーネントを使うとき・・・　Button(LinkButton)とTextArea　
• [Flex or Flash]　デザインしたらそのままFlexのコンポーネントとして使えるソフト。Flash Catalyst

今回Beta版がダウンロード可能になったとClockmaker様のブログ記事
「今週のFlash業界ニュース 2009年6月第1週」で見つけちゃったので、早速Adobe LabsへGoしました。

そこで、導入ビデオを見たんですけど、これ、凄そう〜
レイヤーを保持したPhotoshop・Illustoratorのデザインを読み込んで、アートワークを選んでコンポーネントを選択していったり、アートワークの表示位置を動かしてTimeLineでの動きを付けていったりするだけでドンドンSWFになってく感じ。
以下Abobe Edgeの記事　「Flash Catalyst：PhotoshopデザインがそのままFlexアプリのViewへと変わる！」からの抜粋です

読み込んだ画像ファイルの各画像オブジェクト、つまりアートワークを簡単な操作でFlexコンポーネントに変換することができます。方法は、対象となる画像オブジェクトを選択して、プロパティパネルの「Convert Artwork to Component」ボタンから変換したいコンポーネントを選択するだけです。
例えば、画像のサムネイルをクリックさせてボタンのような動きを付けたい場合は、Buttonコンポーネントを設定します。

とにかく一回ビデオを見てみて下さい。

※※※※※※※※※※※※※※

早速ダウンロードしてインストールしようとしたら、必須MacOSのバージョンが10.5.0以上だった！！
残念ながら私の環境ではインストール出来ず・・・・
Leopard snowが出たらバージョン上げてみるつもりなので、正規版がでるまでCatalystの使用はお預けかなぁ。残念・・・

関連する投稿

• [Flex] 各種アセットの読み込み　「Embed」
• [Flex] ローディングアニメーションのmxmlコンポーネント
• [Flex] ページがめくれるような効果を付けるコンポーネント
• [Flex] mxコンポーネントを使うとき・・・　Button(LinkButton)とTextArea　

使わなきゃいけない事になってしまって、またまた探しました！！

Flex book component

ただしこれFlex用のコンポーネント。
丁度Flexの勉強を始めたばかりだった事もあり、ちょっとウキウキと使ってみました。
基本の作り方は本家からDemoを２種類ダウンロードして、中身をみつつ研究しました。
Documentもしっかり作ってくれているので、「あれ出来ないのかな？」ってことはDocumentで再確認出来ます。
とはいえ、Flex自体がはっきりわかっていないので、リンク付けるのも、表示位置を操作するのも右往左往。
結局あまりに不明なとこはFlash側でswfファイルつくって読み込むというせこい方法で回避しました。

でもFlex楽しい〜〜
Flashの勉強もまだまだなのに、こんなあちこち手を出しちゃいけない気もするけど、やめられない〜〜
[swf]http://blog.bgs-works.com/wp-content/uploads/2009/06/main.swf, 610, 350[/swf]

参考にさせてもらったサイト様
[PageFlip]ボタンによるめくり処理試し（AS3）

関連する投稿

• [Flex] 各種アセットの読み込み　「Embed」
• [Flex] ローディングアニメーションのmxmlコンポーネント
• [Flex] mxコンポーネントを使うとき・・・　Button(LinkButton)とTextArea　
• [Flex or Flash]　デザインしたらそのままFlexのコンポーネントとして使えるソフト。Flash Catalyst

1.　ButtonやLinkButtonコンポーネントはデフォルトでマウスカーソルがハンドにならない！！
いやぁこれはびっくりしました。当然なっているもんだと思っていました。
１つ付け加えないといけなんですよね。

buttonMode=”true”

これは各所でお役立ち。
で読み込んだイメージにも使えます。
ぜひ覚えておきたい１つです。(私的に・・・)

2.　TextAreaの文字を選択できてしまう！！
これはFlashでもある話なんですが、ちょっと探しました。（探し方が下手なだけですが）

editable=”false”
selectable=”false”

これを付け加える。
ついでに枠がいっつも邪魔なので

borderStyle=”none”

これも入れなきゃ。ですね。
borderStyleはcss側で制御できますね。

ほかにもありますが、不確定要素すぎるので、もうちょい検証してからまた載せていきたいと思います。

関連する投稿

• [Flex] 各種アセットの読み込み　「Embed」
• [Flex] ローディングアニメーションのmxmlコンポーネント
• [Flex] ページがめくれるような効果を付けるコンポーネント
• [Flex or Flash]　デザインしたらそのままFlexのコンポーネントとして使えるソフト。Flash Catalyst

IndicatorUI.mxml

まだ実際には使ってないので、ブックマーク代わりの投稿です。
FlexでPapersicion3Dを作ってみようと画策中なので、その際使ってみたいなぁと考えています。

関連する投稿

• [Flex] 各種アセットの読み込み　「Embed」
• [Flex] ページがめくれるような効果を付けるコンポーネント
• [Flex] mxコンポーネントを使うとき・・・　Button(LinkButton)とTextArea　
• [Flex or Flash]　デザインしたらそのままFlexのコンポーネントとして使えるソフト。Flash Catalyst