在網頁中實現一個圖片平鋪功能比較簡單，只需要設定css樣式就可以了。而在Flex中要實現圖片的平鋪的話，就不那麼容易了，具體實現如下：

    第一步：設定樣式。在mxml頁面中設定如下樣式。其中，et.RepeatBackground就是下一步需要實現的class

    <mx:Style> .menuBackground{ background-image:Embed("./assets/image/toolbar_bg.png"); border-skin:ClassReference("et.RepeatBackground"); } </mx:Style>

    第二步：寫程式用圖片填充一塊區域，具體程式碼為：

   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); } }

   方法就是從ProgrammaticSkin中繼承一個Class，然後重寫updateDisplayList方法。