Flex 4 Canvas backgroundImage 问题

时间：2010-09-05 来源：朔月星辰℡

Flex 3中Canvas是可以设置backgroundImage的，但是在Flex 4的Spark组件中则不支持backgroundImage属性的设置，怎么办呢？方法当然很多：

可以考虑用s:Group去代替Canvas，两个组件可以达到类似的功能，

<s:Group width="100%"
             height="111">
        <s:Rect width="100%"
                    height="100%">
                <s:fill>
                      <s:BitmapFill fillMode="scale"
                                        source="@Embed(source='/assets/image/test.png')"/>
                </s:fill>
        </s:Rect>
        <s:Button label="ddd"
                      color="#FFFFFF"
                      left="10"
                      top="10"/>
</s:Group>

也可以在Canvas的外面用BorderContainer制造“假象”，

<s:BorderContainer backgroundImage="@Embed(source='/assets/image/test.png')"
                                           backgroundImageFillMode="scale"
                                           width="100%"
                                           borderVisible="false">
                <mx:Canvas id="upPanel"
                                   width="100%"
                                   height="111"
                                   horizontalScrollPolicy="off"
                                   verticalScrollPolicy="off">
                        <s:Button label="test"
                                          color="#FFFFFF"
                                          left="10"
                                          top="10"/>
                </mx:Canvas>
        </s:BorderContainer>

Flex 4中组件的自定义很方便，蛮有意思咯！

相关阅读更多 +