Заполнение фона приложения Flex с рисунком?

Question

Мы пытаемся заполнить наш фон приложений Flex 3 рисунком, повторяя рисунок по всему фону.

Узор очень маленький "маркированный" фон.

Приложение Flex, кажется, просто растягивает рисунок изображения, хотя мы указали в CSS следующее:

Применение { background-Gradient-colors: #ffffff, #ffffff; цвет: # 000000; background-image: Embed (source = "../ assets / images / gray_bullet_background.png"); повторение фона: повторение; background-position: center; смешивание фона: умножение; ...

Кто-нибудь знает, чего нам здесь не хватает?

Большое спасибо,

FortPointUIGuy

Answer 1

Flex не поддерживает повторение фона, поэтому для этого вам понадобится специальный скин, например:

package view.skin
{
    import flash.display.Bitmap;
    import mx.skins.ProgrammaticSkin;

    public class RepeatingImageSkin extends ProgrammaticSkin
    {
        override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
        {
            var cls:Object = getStyle("backgroundImage");
            var bmp:Bitmap = new cls();
            graphics.clear();
            graphics.beginBitmapFill(bmp.bitmapData);
            graphics.drawRect(0, 0, unscaledWidth, unscaledHeight);
        }
    }
}

Тогда для вашего стиля приложения вы можете просто:

Application {
    background-image: Embed(source="../assets/images/gray_bullet_background.png");
    border-skin: ClassReference("view.skin.RepeatingImageSkin");
}