如何使用Flex Blur effect

于 2009-07-15 12:51:06 发布 · 137 阅读

文章标签：

#Flex #XML

Flex Effects 专栏收录该内容

21 篇文章

订阅专栏

本文介绍了一个简单的Flex模糊效果示例，展示了如何通过鼠标操作来改变图片的模糊度，实现交互式的视觉效果。代码中详细配置了模糊效果的参数，如模糊时间、模糊范围等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<?xml version="1.0" encoding="utf-8"?>
<!-- Simple example to demonstrate the Blur effect. -->
<!--
	如何使用Flex Blur effect
	MyShareBook.cn 翻译
-->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

    <mx:Blur id="blurImage" duration="1000" 
        blurXFrom="0.0" blurXTo="10.0" 
        blurYFrom="0.0" blurYTo="10.0"/>
    <mx:Blur id="unblurImage" duration="1000" 
        blurXFrom="10.0" blurXTo="0.0" 
        blurYFrom="10.0" blurYTo="0.0"/>

    <mx:Panel title="Blur Effect Example" width="75%" height="75%" 
        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">

        <mx:Text width="100%" color="blue" 
            text="Click and hold the mouse on the image to see blurImage effect. Release the mouse to see the unblurImage effect."/>

        <mx:Image id="flex" source="@Embed(source='assets/Nokia_6630.png')"
            mouseDownEffect="{blurImage}" 
            mouseUpEffect="{unblurImage}"/>

    </mx:Panel>
</mx:Application>