0

Flex 4 内<s:Application>で実行時に背景色を変更することはできますか? MX バージョンの Application コンポーネントでこれを行う方法の例を見てきましたが、spark バージョンではそうではありませんでした。

backgroundColorプロパティを変数にバインドして変更することはできません。ただし、styleManagerこの変更を行うには、コンポーネントのプロパティを使用する必要があると考えています。

誰かがこれを行う方法を説明できますか?

お時間をいただきありがとうございます。

4

2 に答える 2

3

これを行うことをお勧めします：

http://help.adobe.com/en_US/flex/using/WS2db454920e96a9e51e63e3d11c0bf69084-7fee.html

ビデオ チュートリアルでは、視覚コンポーネントを変更する主な手段である Flex 4 での CSS の使用とスキンの使用について順を追って説明します。

アプリケーションにはまだ backgroundColor スタイルがあります: http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/components/Application.html

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
               xmlns:s="library://ns.adobe.com/flex/spark" 
               xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600"
               creationComplete="application1_creationCompleteHandler(event)">
    <s:layout>
        <s:HorizontalLayout/>
    </s:layout>
    <fx:Script>
        <![CDATA[
            import mx.events.FlexEvent;

            protected function application1_creationCompleteHandler(event:FlexEvent):void
            {
                setStyle('backgroundColor',0xCCCCCC);
            }

        ]]>
    </fx:Script>
    <s:Button click="setStyle('backgroundColor','0xff0000');" label="turn red"/>
    <s:Button click="setStyle('backgroundColor','0x0000ff');" label="turn blue"/>
    <s:Button click="setStyle('backgroundColor','0x00ff00');" label="turn green"/>
</s:Application>

IMOに行くためのより良い方法

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
               xmlns:s="library://ns.adobe.com/flex/spark" 
               xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
    <s:layout>
        <s:HorizontalLayout/>
    </s:layout>
    <fx:Style>
        @namespace s "library://ns.adobe.com/flex/spark";
        @namespace mx "library://ns.adobe.com/flex/mx";
        s|Application{
            backgroundColor:#CCCCCC;
        }
    </fx:Style>
    <s:Button click="setStyle('backgroundColor','0xff0000');" label="turn red"/>
    <s:Button click="setStyle('backgroundColor','0x0000ff');" label="turn blue"/>
    <s:Button click="setStyle('backgroundColor','0x00ff00');" label="turn green"/>
</s:Application>

CSS を独自のファイルに取り出して、それを

<fx:Style source="myStyle.css"/>
于 2012-07-28T18:47:40.943 に答える
1

あなたはそれを試すことができます

FlexGlobals.topLevelApplication.setStyle("backgroundColor", 0xff0000);  // that would turn it into bright red
FlexGlobals.topLevelApplication.setStyle("backgroundAlpha", 1);  // Sometimes background color is ignored when background alpha is zero

背景色が変わらない場合は、コンポーネントの 1 つが背景色を指定している可能性があります。

于 2012-07-28T18:43:42.363 に答える