Flex：动态创建图像的圆角

Question

有一个更好的方法example

为动态（addChild或addElement）创建的图像创建圆角？

Answer 1

好的，这是一个自定义类http://santobay.blogspot.com/2010/04/rounded-corner-image-in-flex.html。将此代码保存为com / RoundedImage.as，使用此代码创建新的mxml文件

<mx:Application name="Image_mask_test"
    xmlns:mx="http://www.adobe.com/2006/mxml"         xmlns:custom="com.*"
    layout="vertical"
    verticalAlign="middle"
    backgroundColor="white">

<mx:HBox id="hbox" width="100%">
    <custom:RoundedImage source="images/test.jpg" width="250" height="250" cornerRadius="15"/>
</mx:HBox></mx:Application>

并编译。对于创建图像，请使用以下代码：

<fx:Script>
   <![CDATA[
   import com.RoundedImage;
   public function createImage():void {
    var newImage:RoundedImage = new RoundedImage();
    newImage.source = "images/test.jpg";
    newImage.cornerRadius = 20;
    hbox.addChild(newImage);
    } 
    ]]>
 </fx:Script>

Answer 2

不，如果动态添加，必须使用遮罩。 但是，您可以在图像顶部添加“框架”，如果背景是实心的，您可以使用此技巧。