Flex 4のダミーセレクタについて

939 ワード

擬似セレクタは、開発者にコンポーネントの異なる状態に対して異なるCSSスタイルを定義させることができる.ボタンのダミーセレクタは、次のように定義されます.

s|Button:over{chromeColor:#0000ff;}

このように定義された役割:アプリケーション内のにマウスを置くと、が青になります.
ここで、s|Buttonは通常のcssクラスに変更できます.

.btn:up{chromeColor:#0000ff;}

このcssクラスを適用するコンポーネントがup状態を備えると、マウスのサスペンション時に青になる
または、クラスセレクタの擬似セレクタを使用します.

#btnId:down{chromeColor:#0000ff;}

idが「btnId」のコンポーネントがdown状態であれば、マウスのサスペンション時に青になります
もう一つ重要なのは、「:」の後ろのover、up、downなど、擬似セレクタの状態です.flexのオンラインドキュメントで調べることができます.たとえば<:Button>のSkin Statesにはup,down,over,disabledの4つがあります.これにより、4つの状態をそれぞれ定義する擬似セレクタスタイルとすることができる.にはdisabledとnormalの2つのSkin Statesがあるので、は2つの状態擬似セレクタを定義することができる:s|TextInput:disabled,s|TextInput:normal