Flex 3使用图像作为边框

Question

我正在处理自定义容器，我需要这个容器的边框。我有一个15x15的图像，我正在创建一个9切片边框皮肤。我遇到的问题是边界皮肤不像我希望的那样出现。

这是皮肤的ss。

理想情况下，我应该有一个透明的盒子，周围有一个5像素的边框。

这是我目前的测试代码：

CSS代码：

Box
 {
borderSkin: Embed(source="15x15.png",
            scaleGridLeft="5",
            scaleGridTop="5",
            scaleGridRight="10",
            scaleGridBottom="10");
 }

MXML代码：

<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Style source="MainTest.css"/>

<mx:Box id="tw" width="400" height="400">

</mx:Box>
</mx:WindowedApplication>

Answer 1

试试这个：

Box{
    background-image: Embed("15x15.png",
       scaleGridTop="5", 
                   scaleGridBottom="10", 
                   scaleGridLeft="5", 
                   scaleGridRight="10");

    background-size:"100%";
}