Flex air静的設定背景図と動的設定背景図
2429 ワード
1.静的背景図の設定
ここではBorderContainerを使いましたが、私の簡単な使い方は以下の通りです.
背景として設定するには、次のコードを使用します.
2.動的に設定する場合は、次のようになります.
ここではBitmapImageコントロールを使っていますが、BorderContainerを使っていましたが、成功しませんでしたのでBitmapImageを使いました.
できます.
ここでは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();
できます.