`

Flex中 给图片添加倒影效果

 
阅读更多

首先到 http://code.google.com/p/gonta/下载Gonta.swc plugin.

然后添加到lib中

<?xml version="1.0" encoding="utf-8"?>
<!--created:Nov 22, 2010 file:ImageReflex.mxml  author:Michael -->
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
               xmlns:s="library://ns.adobe.com/flex/spark"
               xmlns:mx="library://ns.adobe.com/flex/mx"
               backgroundColor="0"
               xmlns:filters="org.gonta.filters.*" viewSourceURL="srcview/index.html">

    <s:layout>
        <s:VerticalLayout verticalAlign="middle"
                          horizontalAlign="center"/>
    </s:layout>
    <s:BitmapImage id="img"
                   source="@Embed('images/reflex.png')">
        <s:filters>
            <filters:WetFloorFilter alpha=".5"
                                    y="{img.height}"
                                    height="50"/>
        </s:filters>

    </s:BitmapImage>
</s:Application>
 
分享到:
评论

相关推荐

    flex倒影效flex倒影效果

    而"flex倒影效果"则是在Flex布局基础上实现的一种视觉效果,它使得元素看起来像具有水中的倒影,增加了设计的动态感和深度。 要创建flex倒影效果,首先我们需要理解Flex布局的基本概念。Flex容器是包含一个或多个...

    flex超炫倒影效果

    在本文中,我们将深入探讨如何使用Flex实现超炫的倒影效果,并且将重点放在如何调整模糊程度和影子长度。Flex是一种强大的CSS3布局模式,允许开发者在各种屏幕尺寸和方向上创建灵活、响应式的网页设计。倒影效果则是...

    Flex_给图片加水印

    在IT行业中,为图片添加水印是一项常见的任务,主要用于保护版权、标识品牌或者增强视觉效果。Flex是一款由Adobe开发的开源框架,用于构建富互联网应用程序(RIA),它使用ActionScript编程语言和MXML标记语言。在...

    flex 图片浏览,flex图片滚动效果

    在本案例中,"flex 图片浏览,flex图片滚动效果"是指利用Flex技术实现的动态图片展示和浏览功能,它能为用户提供流畅、交互性强的图片查看体验。 在Flex中,我们可以使用各种组件来创建图片浏览和滚动效果。主要...

    flex 图片轮播效果

    在IT行业中,图片轮播效果是一种常见的网页设计元素,它能够以吸引人的动态方式展示一组图片,提升用户体验。"flex 图片轮播效果"是指利用Adobe Flex这一开发框架来实现这种功能。Flex是一款基于ActionScript和MXML...

    Flex相册 Flex图片

    Flex相册 Flex图片

    Flex4图片浏览效果,浏览图片demo

    在这个特定的示例“Flex4图片浏览效果,浏览图片demo”中,我们可以深入探讨Flex4在图像浏览方面的应用。 首先,Flex4的Image组件是核心。这个组件允许开发者在应用程序中显示静态图像或动态内容,如网络流。在图片...

    flex 两个图片播放小程序

    在这个“flex 两个图片播放小程序”项目中,我们可以看到它被用来创建一个图片浏览应用,支持图片的放大和缩小功能,提供了用户友好的交互体验。接下来,我们将深入探讨Flex在图片浏览中的应用及其关键技术。 首先...

    flexwheel flex实现的图片滚动效果

    在"flexwheel flex实现的图片滚动效果"中,"flexwheel"组件利用了Flex布局的特性,如`display: flex`、`flex-direction`、`justify-content`和`align-items`等属性,来创建一个可滚动的图片轮播。这种轮播通常具有...

    flex 图片展示控件(放大镜效果)

    在本文中,我们将深入探讨如何在Flex环境中创建一个图片展示控件,该控件具有放大镜效果。Flex是一种基于ActionScript 3.0的开源框架,用于构建富互联网应用程序(RIA)。通过使用Flex,我们可以轻松地创建交互式、...

    flex鱼眼显示图片的例子

    这个"flex鱼眼显示图片的例子"是一个Flex项目,它展示了如何使用Flex技术实现一个鱼眼效果的图片显示功能。鱼眼效果通常指的是将图像扭曲成类似鱼眼镜头所拍摄的弧形视野,这种效果在视觉上往往能带来独特的体验。 ...

    FLex 左右滑动图片墙

    在本文中,我们将深入探讨如何使用Adobe Flex技术创建一个具有左右滑动功能的图片墙。Flex是一种基于ActionScript 3(AS3)的开源框架,主要用于构建富互联网应用程序(RIA)。通过利用Flex,开发者可以轻松地创建...

    flex加载动态图片

    flexBulider页面加载动态图片的显示

    flex中给图片或任意组件着色的方法

    在Flex开发中,有时我们需要对应用程序中的图片或者任何组件进行颜色定制,以符合整体界面的色彩风格或实现特定的设计效果。本篇文章将详细介绍如何在Flex中实现这一功能,并通过一个具体的示例——`zhuose.mxml`...

    FLEX实现鼠标滑过图片放大效果。

    在本文中,我们将深入探讨如何使用Adobe Flex技术来实现一种常见的UI交互效果——鼠标滑过图片时自动放大。Flex是一款强大的开发工具,主要用于构建富互联网应用程序(RIA),它基于ActionScript编程语言和Flex框架...

    flex图表导出图片

    本篇文章将深入探讨如何在Flex中实现图表的图片导出功能。 首先,让我们了解Flex中的图表组件。Flex提供了一系列强大的图表组件,如BarChart、LineChart、PieChart等,这些组件基于Adobe Flex SDK,可以方便地创建...

    flex翻书效果 flex翻书效果

    Flex翻书效果是一种在网页或应用中实现模拟真实书籍翻页动画的技术,它利用了CSS3中的Flexbox布局模型和一些动态效果来创造出逼真的翻页体验。在现代Web开发中,这种效果常用于电子书、杂志或者产品展示等场景,以...

    flex aladino 图片展示特效

    在本文中,我们将深入探讨如何使用Flex实现一个名为"Aladino"的图片展示特效,这是一种纵向滚动的图片展示效果,具有强烈的视觉吸引力。虽然原作者未能将其转换为横向滚动,但我们可以通过理解Flex布局原理来尝试...

    flex图片放大缩小

    在本文中,我们将深入探讨如何使用Flex布局来实现图片的放大和缩小功能。Flex布局,全称为Flexible Box,是CSS3中的一个布局模型,旨在提供更灵活、响应式的网页设计解决方案。通过理解Flex布局的基本原理,我们可以...

Global site tag (gtag.js) - Google Analytics