2013/10/16

Flex:: CSSでアプリ全部のコントロールに反映させたい場合

Flex 4.10:: CSSでアプリ全部のコントロールに設定を反映させる方法について紹介します。

方法は、global selectorを使用します。styleにglobalという名前をを付けると全てのコントロールにその設定が反映されます。さらに個々のコントロールに設定したい場合は、そのコントロールにstyleを設定するとそれがoverrideします。下の例だと、全てのコントロールにglobalで設定した値が反映されますが、LabelコントロールのstyleNameを'titleBar'にしたコントロールだけその値がoverrideして反映されます。

■ソースコード
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
/* CSS file */
@namespace s "library://ns.adobe.com/flex/spark";

global
{
 fontFamily: ".HiraKakuInterface-W1","HiraKakuProN-W3","_sans";
}

s|Label.titleBar
{
 backgroundColor: #A7A37E;
 backgroundAlpha: .5;
 fontSize: 15;
 fontWeight: bold;
 fontFamily: ".HiraKakuInterface-W6","HiraKakuProN-W6","_sans";
}

http://help.adobe.com/en_US/flex/using/WS2db454920e96a9e51e63e3d11c0bf69084-7e8b.html#WS2db454920e96a9e51e63e3d11c0bf69084-7e85

0 件のコメント:

コメントを投稿