<?xml version="1.0" encoding="utf-8"?>
<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"
minWidth="955" minHeight="600">
<fx:Declarations>
<mx:Zoom id="zoomIn"
originX="80"
originY="80"
zoomHeightTo="1.5"
zoomWidthTo="1.5"
duration="500"/>
<mx:Zoom id="zoomOUT"
originX="80"
originY="80"
zoomHeightTo="1.0"
zoomWidthTo="1.0"
duration="500"/>
</fx:Declarations>
<s:Panel title="MX Zoom Effect Example"
width="487" height="275"
chromeColor="#000000" color="#CCCCCC">
<mx:ApplicationControlBar width="485" horizontalAlign="center">
<s:Label text="Take a cursor on image and show the effect."
fontFamily="verdana" color="#000000"/>
</mx:ApplicationControlBar>
<mx:Canvas
rollOverEffect="{zoomIn}"
rollOutEffect="{zoomOUT}">
<mx:Image id="roseindia"
source="@Embed(source='images/bell.gif')"
x="171" y="74"
width="128" height="128"/>
</mx:Canvas>
</s:Panel>
</s:Application>
分享到:
相关推荐
本文将详细讲解如何使用Flex创建一个图片缩放移动组件,以及涉及的相关知识点。 首先,我们要理解Flex中的核心组件体系,它包括容器(Container)、基本组件(Basic Components)和自定义组件(Custom Components)...
通过下载并解压“com.janisRadins.zip”,开发者可以获取到这个拖拽缩放组件的源代码,进一步学习如何实现这样的功能,或者直接在自己的项目中使用。这不仅可以提高开发效率,还能为用户提供更直观和灵活的交互方式...
在Flex中,自定义组件是开发者根据项目需求创建的特殊UI元素,可以扩展和定制标准的MX或Spark组件。本示例着重于一个名为“ImageViewer”的自定义组件,这通常是一个用于展示图像并可能包含缩放、平移等交互功能的...
这个“flex 缩放模糊 代码”主题涉及到Flex应用中的图形处理技术,尤其是关于图像或UI元素的缩放和模糊效果。以下是相关知识点的详细说明: 1. **Flex框架**:Flex是由Adobe开发的开源框架,它基于ActionScript编程...
标题中的“flex自定义组件介绍”指的是在Adobe Flex框架中创建和使用自定义组件的过程。Flex是一个基于ActionScript和MXML的开源框架,用于构建富互联网应用程序(RIA)。自定义组件允许开发者根据特定需求扩展Flex...
在Flex开发中,Image组件是用于显示图像的基本控件,其默认行为是等比缩放,以保持图像的原始比例,防止图像失真。当图片的原始宽高比例与Image组件设定的宽高比例不一致时,为了保持图像的原始比例,会自动填充或留...
图片缩放和平移是Flex组件库中的常见需求,通常可以通过自定义组件或使用现有库来实现。 首先,我们可以引入一个叫做ZoomAndPan的开源库,它专门用于处理这种图像操作。这个库提供了丰富的API,可以轻松集成到Flex...
*scaleX*属性用于横向缩放组件,即调整组件的宽度。当设置为小于1的值时,组件会被压缩;当设置为大于1的值时,组件会被拉伸。 ### MXML与ActionScript中的width属性 在MXML中定义的width属性,在编译成...
### Flex UI组件使用全集详解 #### 概述 本文档是基于阿树对Adobe Flex UI组件库的全面整理,并结合Adobe主页上提供的各种组件代码示例进行深度解析。Flex是一种用于构建高度交互式的Web应用的框架,尤其适用于创建...
### Flex 3 组件实例与应用(2009版) #### 一、概述 《Flex 3 组件实例与应用》是一本针对初学者学习Adobe Flex 3框架及其组件的指南书籍。这本书由作者Dason编写,内容覆盖了Flex 3中的多种组件及其用法,并通过...
在Flex开发中,图片的旋转、缩放和拖动功能是常见的交互效果,尤其是在构建富互联网应用程序(RIA)时。Flex作为一个基于ActionScript 3.0的开源框架,提供了强大的图形处理和用户交互能力,使得实现这些特效成为...
这两个属性分别表示 Flex Video 组件在水平方向和垂直方向上的缩放比例。 ##### 17. scrollRect: Rectangle 此属性用于定义 Flex Video 组件的滚动区域。 ##### 18. smoothing: Boolean 该属性用于控制视频播放...
在 Flex 3 中,开发人员可以利用各种组件来实现各种功能,其中就包括对 PDF 文件的支持。本案例主要探讨的是如何在 Flex 3 中使用 PDF 组件来展示 PDF 文档。 PDF(Portable Document Format)是一种广泛使用的文档...
例如,一个可拖动、可缩放的日历组件,用户可以轻松地查看和调整日期范围。同时,最大化和最小化功能可以帮助用户在有限的屏幕空间内更好地管理和查看内容。 总的来说,掌握Flex布局及其扩展功能对于开发现代Web...
这篇博客文章“Flex中支持缩放的TitleWindow”可能详细讲解了如何在Flex应用程序中实现TitleWindow组件的缩放功能,这对于创建交互式用户界面尤其重要。 在Flex中,TitleWindow是MX容器的一部分,它继承自...
《Flex 3 组件实例与应用(2009版)》是一本深入解析Adobe Flex 3框架下组件使用与实践的专业书籍。本书由Dason精心整理于2009年2月,全面覆盖了Flex 3中的各种控件、容器、数据可视化组件以及效果、视图状态和过渡...
3. **交互性**:Flex图片查看组件通常具备手势识别功能,如平移、缩放、旋转,使用户能够用鼠标或触摸设备进行直观的操作。这种高交互性增强了用户与图片内容的连接。 4. **性能优化**:由于图片可能很大,所以高效...
标题中的“flex 实现的图片预览 缩放 等功能”指的是使用Adobe Flex框架开发的一个应用程序,它能够提供图像预览、缩放以及其他可能的交互操作功能。Flex是基于ActionScript 3.0和Flash Player的一个开源开发工具,...
标题中的“Flex_4系统组件:图表”指的是Adobe Flex 4框架中用于创建数据可视化的图表组件。这些组件是Flex SDK的一部分,允许开发者构建交互式的、动态的数据展示应用。Flex 4引入了全新的图形渲染引擎(称为Spark...
- 创建预览容器:在Flex的MXML或ActionScript代码中,创建FlexPaper组件实例,并设置相应的属性,如文档路径、缩放比例等。 - 加载文档:调用组件的加载方法,传入文档的URL或二进制数据,启动预览过程。 - 配置和...