flexの背景画像の並べ替え

canvasの中に背景のピクチャーを置いて、結果は平らにすることができなくて、いくつかの方法を見つけてこの問題を解決します:
1 border(枠線)に皮膚ファイルを書く
肌:

  
  
  
  

   
   
   
   
package  
   
   
   
   
{    
   
   
   
   
    import flash.geom.Rectangle;    
   
   
   
   
    
   
   
   
   
    import mx.graphics.BitmapFill;    
   
   
   
   
    import mx.skins.ProgrammaticSkin;    
   
   
   
   
    import flash.text.StyleSheet;  
   
   
   
   
    
   
   
   
   
    public class RepeatBackground extends ProgrammaticSkin {    
   
   
   
   
        public function RepeatBackground() {  
   
   
   
   
        }  
   
   
   
   
 
   
   
   
   
        override protected function updateDisplayList(w:Number, h:Number):void {    
   
   
   
   
            super.updateDisplayList(w,h);    
   
   
   
   
              
   
   
   
   
            graphics.clear();  
   
   
   
   
            var b:BitmapFill = new BitmapFill();    
   
   
   
   
            b.source = getStyle("backgroundImage");;    
   
   
   
   
            b.begin(graphics,new Rectangle(0,0,w,h));    
   
   
   
   
            graphics.drawRect(0,0,w,h);    
   
   
   
   
            b.end(graphics);    
   
   
   
   
        }    
   
   
   
   
    }  
   
   
   
   
}   
  
  
  
  

次の操作を行います.

  
  
  
  

   
   
   
   
mx|Canvas  
   
   
   
   
{  
   
   
   
   
    backgroundImage: Embed(source="assets/bg1.gif");   
   
   
   
   
    border-skin:ClassReference("RepeatBackground");  
   
   
   
   
} 
  
  
  
  

2 Groupを使用して重複した背景画像でFillMode属性を設定します.

  
  
  
  

   
   
   
   
<s:Group width="100%" height="100%" > 
   
   
   
   
        <s:Rect width="100%" height="100%"> 
   
   
   
   
            <s:fill> 
   
   
   
   
                <s:BitmapFill source="@Embed('assets/1111.jpg')" fillMode="repeat"/>   
   
   
   
   
            </s:fill> 
   
   
   
   
        </s:Rect> 
   
   
   
   
    </s:Group> 
  
  
  
  

3 BorderContainerコンテナを使用すると、北京の画像を並べたプロパティが付属します.

  
  
  
  

   
   
   
   
<s:BorderContainer width="100%" height="100%" backgroundImage="@Embed('assets/1111.jpg')" backgroundImageFillMode="repeat"> 
   
   
   
   
        <s:Button label="11111"/> 
   
   
   
   
    </s:BorderContainer>