Apache Flex 4.14.1 BorderContainer Radius仅适用于Debugger

时间:2015-10-20 07:51:48

标签: css actionscript-3 flash flex apache-spark

取得什么成就
我正在尝试使用BorderContainer(SPARK)将圆角应用于从URL检索到的图像
问题
BorderContainer组件的Radius属性仅在从调试器运行代码时应用,在其他地方运行它不会将半径应用于位图图像。

代码示例

<s:BitmapImage id="img"  width="60"  height="60" source="{data.IconURL}" smooth="true" smoothingQuality="high">
  <s:mask>
    <s:BorderContainer id="bmpMask" cornerRadius="15" width="60" height="60" borderVisible="true" />
  </s:mask>
</s:BitmapImage>


图片示例

1.应该是(并且仅在调试器中): enter image description here

原样: enter image description here

1 个答案:

答案 0 :(得分:0)

完整的工作示例:

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
               xmlns:s="library://ns.adobe.com/flex/spark" 
               xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
    <s:BitmapImage source="https://www.dropbox.com/s/j5wu759l1tkiw2b/archer.jpg?dl=1" 
                   height="100" width="100" maskType="alpha">
        <s:mask>
            <s:BorderContainer id="bmpMask" cornerRadius="15" width="60" height="60" 
                               borderVisible="true"/>
        </s:mask>
    </s:BitmapImage>
</s:Application>