Установка стилей в компоненте в зависимости от состояния

[Inet_PC]

Вот этот код:

color.normalStates="0x000000"

не создает какого-то особого стиля, а генерируется код наподобие этого:

new State ({
   name: "normalStates",
   overrides: [
      new SetStyle().initializeFromObject({
         target: "component",
         name: "color",
         value: 0x000000})
         //, ...
   ]
})

Внутри SetStyle при переходе в состояние normalStates запоминается предыдущее значение стиля (в данном случае color) и выставляется новое 0x000000. При выходе из состояния normalStates восстанавливается предыдущее состояние. Таким образом вот так написать можно:

component.setStyle("color.normalStates", 0xFFFFFF)

, но работать это естественно не будет. В принципе Вы можете написать код наподобие этого:

var style:SetStyle = getSetStyle("normalStates");
style.value = 0x00FF00;

Или типа такого:

component.addEventListener(FlexEvent.STATE_CHANGE_COMPLETE, onStateChanged);
private function onStateChanged(e:FlexEvent):void
{
   if (...)
   {
      component.setStyle("color", 0xFF0000);
   }
}

Ну можно и еще придумать варианты. Но как мне кажется это все не true way.
Возможно Вам подойдут pseudo selectors
Изменить стиль программно можно как-то так:

/* 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);
}

Скорее всего есть еще варианты.