アークウェブWebデザインSandBox

• バックアップ一覧
• 差分 を表示
• 現在との差分 を表示
• バックアップ を表示
• WebデザイナーにもわかるFlex画面デザイン（3） へ行く。
  • 1 (2008-10-16 (木) 14:09:19)
  • 2 (2008-10-16 (木) 14:09:56)
  • 3 (2008-10-23 (木) 12:08:54)
  • 4 (2008-10-30 (木) 11:54:35)

（この記事は途中です）

[[WebデザイナーにもわかるFlex画面デザイン（2）]]のつづきです。
スキンについて解説します。


**スキンとは [#pa2a2b69]

Flexには、スキンというものがあります。
OSやブログツールにおけるスキンやテーマと同等のものと考えて差し支えありません。
（2）で解説したように細かくスタイル指定するのではなく、全体のデザインを指定できます。

たとえば、デフォルトのスキンにも名前があり、
このスキンは「Halo（ヘイロー）」といいます。

#flash( /sandbox/design/data/flex/sample03_01.swf, 360x360, version=9)

そのほかにもスキンがいくつか用意されていて、切り替えることが可能です。

- HaloClassic（Flex1.5用のスキン。AS2用なのでエラーが出る？）
- Ice
- Smoke
- Wooden
- Institutional


**スキンの設定 [#u7c4c679]

+ configファイルを用意する。
+ sample.mxmlだったら、sample-config.xmlのように命名する。
+ 下記のように書く。（パスは各自確認してください）

 <flex-config>
 	<compiler>
 		<theme>
 			<filename>/usr/share/flex-sdk-3/frameworks/themes/HaloClassic/haloclassic.swc</filename>
 		</theme>
 	</compiler>
 </flex-config>

#flash( /sandbox/design/data/flex/sample03_02.swf, 420x300, version=9)
HaloClassicに変更したところ。

-Ice
--/flex-sdk-3/frameworks/themes/Ice/Ice.css
#flash( /sandbox/design/data/flex/sample03_03.swf, 420x300, version=9)

-Smoke
--/flex-sdk-3/frameworks/themes/Smoke/Smoke.css
#flash( /sandbox/design/data/flex/sample03_04.swf, 420x300, version=9)

-Wooden
--/flex-sdk-3/frameworks/themes/Wooden/Wooden.css
#flash( /sandbox/design/data/flex/sample03_05.swf, 420x300, version=9)

-Institutional
--/flex-sdk-3/frameworks/themes/Institutional/Institutional.css
#flash( /sandbox/design/data/flex/sample03_06.swf, 420x300, version=9)

（この記事はまだ途中です）

#blikifooter(小森)
tag: [[Flex>tag/Flex]]