アークウェブ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）]]のつづきです。
 スキンについて解説します。
 
 
 *スキンをつくってみよう [#va49c981]
 
 **スキンとは [#pa2a2b69]
 
 Flexには、スキンというものがあります。
 OSやブログツールにおけるスキンやテーマと同等のものと考えて差し支えありません。
 （2）で解説したように細かくスタイル指定するのではなく、全体のデザインを指定できます。
 
 たとえば、デフォルトのスキンにも名前があり、
 このスキンは「Halo（ヘイロー）」といいます。
 
 #flash( /sandbox/design/data/flex/sample03_01.swf, 360x60, version=9)
 #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, 360x60, version=9)
 #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]]