程式 . 生活 . D小調

<Image Source="01lab.jpg" Name="img1" Stretch="Fill" Width="150" Margin="0,0,308,187" d:LayoutOverrides="Width" Height="177" >
          <Image.Effect>
              <BlurEffect Radius="10"/>
          </Image.Effect>
</Image>

private void btnBlur_Click(object sender, RoutedEventArgs e)
{
          BlurEffect blurEffect=new BlurEffect();
          
          //min 10 最大到 100
          blurEffect.Radius = 10;

          //將 img2 的Effect 套用 blurEffect
          this.img2.Effect = blurEffect;
 }

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" backgroundGradientAlphas="[1.0, 1.0]" backgroundGradientColors="[#FFFFFF, #FFFFFF]" width="500" height="400">
    
    <!-- 圖片物件在載入完成後 套用 blurImage的Effect -->
    <mx:Image x="58" y="36"  completeEffect="{blurImage}" width="151" height="164" id="img1" source="01lab.jpg"/>
    
    <!-- 設定 X 和 Y 的 Blur 程度從 0~10 播放時間為10毫秒 -->
    <mx:Blur id="blurImage" duration="10" 
        blurXFrom="0.0" blurXTo="10.0" 
        blurYFrom="0.0" blurYTo="10.0"  />
    <mx:Image x="286"  y="68" width="157" height="164" id="img2" source="01lab.jpg"/>
    <mx:Button id="btnBlur" x="302" y="240" label="套用Blur Effect" fontSize="12" click="btnBlur_click(event);"/>

    <mx:Script>
        <![CDATA[
            
            protected function btnBlur_click(evt:MouseEvent):void
            {
                //將  blurImage Effect  的目標指定到 img2
                blurImage.target=this.img2; 
                // 將此effect 播放
                blurImage.play();
            }
            
            
        ]]>
    </mx:Script>
</mx:Application>