如何使用Flex Glow Effect

最新推荐文章于 2013-11-01 23:09:13 发布

iteye_19580

最新推荐文章于 2013-11-01 23:09:13 发布

阅读量103

点赞数

分类专栏： Flex Effects 文章标签： Flex XML

Flex Effects 专栏收录该内容

21 篇文章

订阅专栏

本文展示了一个使用FlexGlowEffect实现鼠标悬停效果的例子。当鼠标点击并按住图片时，图片会显示绿色发光效果；释放鼠标后，图片则显示蓝色发光效果。通过调整Glow效果参数，实现了动态变化的视觉效果。

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

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

    <mx:Glow id="glowImage" duration="1000" 
        alphaFrom="1.0" alphaTo="0.3" 
        blurXFrom="0.0" blurXTo="50.0" 
        blurYFrom="0.0" blurYTo="50.0" 
        color="0x00FF00"/>
    <mx:Glow id="unglowImage" duration="1000" 
        alphaFrom="0.3" alphaTo="1.0" 
        blurXFrom="50.0" blurXTo="0.0" 
        blurYFrom="50.0" blurYTo="0.0" 
        color="0x0000FF"/>

    <mx:Panel title="Glow 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 glowImage effect. Release the mouse to see unglowImage effect."/>

        <mx:Image source="@Embed(source='assets/Nokia_6630.png')" 
            mouseDownEffect="{glowImage}" 
            mouseUpEffect="{unglowImage}"/>

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