Flex Panelのタイトルとステータスの色を動的に設定する

Question

Flex 3で書かれた古いプロジェクトをいくつかの新しい機能で更新しています。本当に簡単なことをする方法を理解できません。

例えばので、私は、XMLを経由してパネルにデータを渡すと、このXMLにパネルのプロパティを結合しています：私の質問は簡単です

<mx:Panel label="{_data.@label}" title="{_data.@title}" borderColor="{_data.@borderColor}"/> 

：私は設定するにはどうすればよい

XMLで渡されるデータを使用して、パネルのタイトルとステータスの色を設定しますか？

titleStyleNameにスタイルの宣言の名前を設定できますが、titleColorまたはstatusColorのスタイルはありません。

Answer 1

ありがとうございました。しかし、それは私が探していた答えではありませんでした。

たとえば、色やtitleStylenameための発言との違いは、あなたが直接例

のためにあなたのXMLデータに色のCSS属性をバインドすることができるということです「=色{_データ。@色}」しかし

titleStyleNameでは新しいスタイルの宣言を設定する必要があるため、これは問題ありません。

しかし、私はPanelを拡張し、Bindable titleColor変数を追加したところで解決策を思いつきました。私は、すべての変更時にテキストボックスの色を設定 - 以下参照：

とにかく探して

感謝 'を パブリッククラスPanelWithColorTitleは{

public function PanelWithColorTitle() 
    { 

    } 

    [Bindable] public var _titleColor:uint 

    public function setTitleAndStatusColor():void 
    { 
     trace(">>PanelWithColorTitle:setTitleAndStatusColor--") 
     titleTextField.setColor(_titleColor) 
     statusTextField.setColor(_titleColor) 

    } 

    override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void 
    { 
     super.updateDisplayList(unscaledWidth, unscaledHeight); 
     setTitleAndStatusColor() 
    } 
} 

}パネル 拡張します'！

Answer 2

statusStyleName and titleStyleNameを使用してCSSスタイル名を指定します。次に、色を指定できます。