返回 导航

Flex

hangge.com

Flex4实现背景图片scale9 九宫格缩放

作者:hangge | 2014-10-30 15:51
在使用Flex3时,我们可以通过设置容器的backgroundImage和backgroundSize这两个样式来实现9宫格。如下:
.bg{
  backgroundImage:Embed(source="assets/bg.png",
    scaleGridLeft="24", scaleGridTop="31", scaleGridRight="50", scaleGridBottom="39");
  backgroundSize:"100%";
}

而在Flex4里面,我们可以使用BitmapImage来实现九宫格功能。代码如下:
<s:Group width="100%" height="100%" >
	<s:BitmapImage width="100%" height="100%" source="@Embed('assets/module_bg.png', 
     scaleGridLeft='30', scaleGridRight='850', scaleGridTop='75', scaleGridBottom='715')"/>		
</s:Group>
评论

全部评论(0)

回到顶部