динамическая настройка цвета заголовка и статуса Flex Panel

Question

Я обновляю старый проект, написанный на Flex 3, с некоторыми новыми функциями, и я не могу понять, как сделать что-то, что кажется действительно простым.и привязка свойств панели к этому XML, например:

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

Мой вопрос прост:

Как настроить цвета заголовка и состояния панели с использованием данных, которые передаютсяв XML?

Вы можете установить для titleStyleName имя стиля, но нет стилей для titleColor или statusColor.

Answer 1

Спасибо, Джакс, однако это был не совсем тот ответ, который я искал.

Разница между, например, color и titleStylename, в том, что вы можете напрямую связать атрибут css color с вашими данными XML, например,

'color = {_ data. @ Color}'

Однако, это не работает с titleStyleName, потому что это требует установки нового описания стиля.

Я пришел сРешение, однако, где я расширил Panel и добавил переменную Bindable titleColor.Затем я устанавливаю цвет текстового поля при любых изменениях - см. Ниже:

'открытый класс PanelWithColorTitle расширяет Panel {

    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 и titleStyleName , чтобы указать имя стиля CSS, которое затем можно указать цвет.