Flex air静的設定背景図と動的設定背景図

2429 ワード

1.静的背景図の設定
ここではBorderContainerを使いましたが、私の簡単な使い方は以下の通りです.
<?xml version="1.0" encoding="utf-8"?>
<!-- Simple example to demonstrate Spark BorderContainer component -->
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
    xmlns:s="library://ns.adobe.com/flex/spark">
                
    <s:Panel title="BorderContainer Component Example"
            width="75%" height="75%" 
            horizontalCenter="0" verticalCenter="0"> 

        <s:BorderContainer 
            backgroundColor="red" cornerRadius="10"
            borderStyle="inset" borderWeight="4" 
            left="10" right="10" top="10" bottom="10">
            <s:layout>
                <s:HorizontalLayout 
                    paddingLeft="5" paddingRight="5" 
                    paddingTop="5" paddingBottom="5"/>
            </s:layout>
            <s:Button label="Button 1"/>
            <s:Button label="Button 2"/>
            <s:Button label="Button 3"/>
            <s:Button label="Button 4"/>
        </s:BorderContainer> 
    </s:Panel>
</s:Application>

背景として設定するには、次のコードを使用します.
<s:BorderContainer id="borderContainer"
					   width="100%" 
					   height="100%"
					   borderVisible="true"
					   backgroundImageFillMode="scale">
		<s:backgroundFill>
			<s:SolidColor  color="0xffffff" alpha="0"/>
		</s:backgroundFill>
	</s:BorderContainer>
		// 
			[Bindable]
			[Embed(source='assets/background.png')]
			public var icons:Class;
borderContainer.setStyle("backgroundImage",'assets/background.png');

2.動的に設定する場合は、次のようになります.
ここではBitmapImageコントロールを使っていますが、BorderContainerを使っていましたが、成功しませんでしたのでBitmapImageを使いました.
<s:BitmapImage
	    id="bitmapImage"
		 width="100%" height="100%"
		x="0" y="0"/> 
	this.bitmapImage.source = xmlFiles.getNativeXML();

できます.