Flex/第3回勉強会 mxmlを使ったカスタムコンポーネントの作成 http://www.ark-web.jp/sandbox/wiki/319.html

Flex/第3回勉強会 mxmlを使ったカスタムコンポーネントの作成

[edit]

勉強会の内容

[edit]

ustream

http://www.ustream.tv/channel/flex%E5%8B%89%E5%BC%B7%E4%BC%9A

[edit]

デコレーションメーカーとは

[edit]

MXMLで書いてみる

[edit]

MXMLとは

[edit]

コンポーネントとは

[edit]

タグの解説

[edit]

スタイルシート

[edit]

コンパイル

rasuct decoration_maker1.mxml
[edit]

できたもの。

http://okra.ark-web.jp/~shida/sandbox/flex/study3/decoration_maker1.swf

[edit]

コンポーネント化してみる

[edit]

カスタムコンポーネントとは?

[edit]

今回はMXMLでカスタムコンポーネントを作ってみる

[edit]

jp/tter/neco/decorationMaker/Gallery.mxmlの内容

[edit]

jp/tter/neco/decorationMaker/ItemList.mxmlの内容

<?xml version="1.0" encoding="utf-8"?>
<mx:HBox xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:Image source="@Embed(source='/assets/item_list.png')" />
</mx:HBox>
[edit]

jp/tter/neco/decorationMaker/Canvas.mxmlの内容

<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:Image source="@Embed(source='/assets/canvas.png')" />
</mx:Canvas>
[edit]

jp/tter/neco/decorationMaker/LayerList.mxmlの内容

<?xml version="1.0" encoding="utf-8"?>
<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:Image source="@Embed(source='/assets/layer_list.png')" />
</mx:VBox>
[edit]

jp/tter/neco/decorationMaker/Toolbox.mxmlの内容

<?xml version="1.0" encoding="utf-8"?>
<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:Image source="@Embed(source='/assets/toolbox.png')" />
</mx:VBox>
[edit]

これらを使って全体をレイアウトするコンポーネントとしてMain.mxmlを用意

[edit]

このMain.mxmlを読み込むトップレベルのmxmlを用意してこれをコンパイルするようにする。

[edit]

まとめ

投稿者志田 | パーマリンク | コメント(0)

| append.gif

tag: Flex


添付ファイル: filedecoration_maker.swf 1997件 [詳細] filetoolbox.png 810件 [詳細] filelayer_list.png 844件 [詳細] fileitem_list.png 791件 [詳細] filegallery.png 806件 [詳細] filecanvas.png 782件 [詳細] fileneco_service_080516.jpg 886件 [詳細]

トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS
Last-modified: 2008-05-26 (月) 18:38:11 (4134d)

アークウェブのサービスやソリューションはこちら