海賊王をめざす男 マツです。こんにちは。

鎌倉はもうすっかり夏です。

衣替えの時期ということで、Flex Skin テーマをカスタマイズしてみました。
コンポーネントのデザインは初期の段階でデザイナーときめることでコンテンツの一貫性が保てます。
なにより、デザイナーも UI 構造を理解してつくることが重要となります。


サンプル

FlexSDKに梱包されているテーマを参考にして、自作のテーマをつくります。
コピー元
FlexSDK\frameworks\themes\AeonGraphical

Flex MX Skin Design Extensions & Flex Component Kit for Flash Professional
http://www.adobe.com/cfusion/entitlement/index.cfm?e=flex_skins#fxcompkit
↑こちらでもテンプレートを配布しているのですが、Flex SDK 3.6 や Flex SDK 4.0 のほうが新しいのでそちらを使用します。


編集

fla を編集して swf 書き出しをします。css の内容も必要あれば修正します。
Flash Builder で、特定のプロジェクトの [プロパティ] から [Flex テーマ]を選択します。
[テーマを読み込み]ボタンで、テーマファイル(css)を選択します。
テーマの読み込みが完了したら、テーマを選択し、[OK]ボタンを押します。
ビルドして確認すると編集した fla の内容が適応されます。


注意

再度、fla ファイルを編集して、パブリッシュ(swf を更新)しても、すでに登録した Flex テーマは変更されません。
もういちど新しくテーマを読み込みしないといけない様です。

HTML5飯