如何使用Flex Glow Effect

最新推荐文章于 2013-06-17 12:17:05 发布

iteye_19580

最新推荐文章于 2013-06-17 12:17:05 发布

阅读量81

点赞数

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

Flex Effects 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

<?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>