Вот этот код:
Код AS3:
color.normalStates="0x000000"
не создает какого-то особого стиля, а генерируется код наподобие этого:
Код AS3:
new State ({
name: "normalStates",
overrides: [
new SetStyle().initializeFromObject({
target: "component",
name: "color",
value: 0x000000})
//, ...
]
})
Внутри SetStyle при переходе в состояние normalStates запоминается предыдущее значение стиля (в данном случае color) и выставляется новое 0x000000. При выходе из состояния normalStates восстанавливается предыдущее состояние. Таким образом вот так написать можно:
Код AS3:
component.setStyle("color.normalStates", 0xFFFFFF)
, но работать это естественно не будет. В принципе Вы можете написать код наподобие этого:
Код AS3:
var style:SetStyle = getSetStyle("normalStates");
style.value = 0x00FF00;
Или типа такого:
Код AS3:
component.addEventListener(FlexEvent.STATE_CHANGE_COMPLETE, onStateChanged);
private function onStateChanged(e:FlexEvent):void
{
if (...)
{
component.setStyle("color", 0xFF0000);
}
}
Ну можно и еще придумать варианты. Но как мне кажется это все не true way.
Возможно Вам подойдут
pseudo selectors
Изменить стиль программно можно как-то так:
Код AS3:
/* CSS file */
@namespace s "library://ns.adobe.com/flex/spark";
@namespace mx "library://ns.adobe.com/flex/mx";
@namespace local "*";
local|Component:normalStates
{
color:#FF0000;
}
/* end CSS file */
var style:CSSStyleDeclaration =
component.styleManager.getStyleDeclaration("TestComponent:normalStates")
if (style)
{
style.setStyle("color", 0x00FF00);
}
Скорее всего есть еще варианты.