Flex: закругленные углы для динамически создаваемых изображений

Question

есть лучший способ, как этот пример

для создания закругленных углов для динамических (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

Нет, вы должны использовать маску, если вы добавляете ее динамически.Однако вы можете добавить «рамку» поверх изображения, если фон сплошной, вы можете использовать этот трюк.