<?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"
applicationComplete="initDragAndDrop()"
>
<s:layout>
<s:VerticalLayout/>
</s:layout>
<fx:Declarations>
<!-- 将非可视元素(例如服务、值对象)放在此处 -->
</fx:Declarations>
<fx:Script>
<![CDATA[
import flash.display.BitmapData;
import flash.net.URLLoader;
import flash.net.URLRequest;
import flash.text.TextField;
import mx.collections.ArrayCollection;
import mx.containers.Canvas;
import mx.controls.Alert;
import mx.controls.VideoDisplay;
import mx.core.DragSource;
import mx.core.UIComponent;
import mx.events.*;
import mx.graphics.ImageSnapshot;
import mx.graphics.codec.JPEGEncoder;
import mx.managers.DragManager;
import spark.components.Button;
import spark.components.Image;
private function rotateImage():void{
var img:Image = myGroup.getChildAt( 1 ) as Image;
var matrix:Matrix = new Matrix() ;
var tmpMatrix:Matrix = img.transform.matrix;
var oHeight:Number = img.height / 2;
var oWidth:Number = img.width / 2;
tmpMatrix.translate(-oWidth, -oHeight);
var rotateNum:Number = parseInt( rotateNum.text );
tmpMatrix.rotate( Math.PI / 180 * rotateNum );
tmpMatrix.translate(oWidth, oHeight);
img.transform.matrix = tmpMatrix;
}
private function scaleImage():void{
var img:Image = myGroup.getChildAt( 1 ) as Image;
img.scaleX = zoomSlider.value ;
img.scaleY = zoomSlider.value ;
}
]]>
</fx:Script>
<s:VGroup id = "Catalog">
<s:Image id = "panada" source = "100.jpeg"
width = "100" height = "100"
mouseMove = "initJpgDrag(event)"
/>
</s:VGroup>
<s:TextInput id = "rotateNum" restrict="0-9\-\+" />
<s:Button click="rotateImage()" label = "旋转" />
<s:HSlider id="zoomSlider"
height="10"
buttonMode = "true" useHandCursor = "true"
minimum = "1" maximum = "5"
snapInterval = "0.5" value = "1" change = "scaleImage()" />
</s:Application>
分享到:
相关推荐
9. **对象Handlers**:从压缩包的文件名来看,"objectHandlers"可能是处理图片操作的核心类或文件夹,包含了处理图片旋转、缩放和拖动的具体逻辑。 综上所述,这个Flex项目通过自定义控件实现了图片的旋转、缩放和...
对于"flex图片浏览(带图片缩放功能)"这个应用,我们需要使用Flex中的Image组件来显示图片。Image组件能够加载和显示各种图像格式,包括JPEG、PNG、GIF等。以下是一个简单的例子: ```mxml ('path/to/your/image.jpg...
BitmapData允许开发者直接操作像素,进行缩放、旋转、裁剪等各种图像操作。在图片加载完成后,可以创建一个BitmapData对象,然后通过这个对象实现图片的动态处理。例如,为了实现图片的放大和缩小,可以使用...
在描述中提到的“Flex开发的,照片查看器,很好看,与大家共享下”,这暗示了我们这里有一个使用Flex编写的照片查看器应用,该应用可能具有美观的用户界面,能够展示和旋转照片。Flex提供了一系列内置组件,如Image...
一、Flex图片预览组件基础 在Flex中,我们可以利用MX或Spark组件库中的Image组件来展示单张图片。然而,为了实现多图预览和滚动效果,我们需要自定义组件或者使用现有的第三方库,如在本例中的"photocoverflowLayout...
5. **图像处理**:图片编辑功能的实现需要对图像处理有深入理解,这涉及到色彩模型(RGB、CMYK等)、滤镜效果(模糊、锐化、扭曲等)、图像操作(裁剪、旋转、缩放等)。在Flex中,可以使用BitmapData类来处理像素...
标题提及的"“FLEX 图片浏览功能可以轻松实现图片浏览”",这指的是使用Flex3开发的图片查看器应用,它允许用户方便地查看和浏览图片,同时可能还支持一些高级特性,如缩放、旋转、平移等。Flex3提供了强大的图形...
6. **图片旋转**: `Bitmap`对象的`rotation`属性可以用来旋转图片。它以度为单位,正数表示顺时针旋转,负数表示逆时针旋转。对于更复杂的旋转,可以使用`Matrix`类进行几何变换。 7. **事件处理**: Flex中的...
6. 案例分析:提到的“PicWatcher”可能是一个图片查看器应用或组件,它可能实现了类似上述的图片显示和管理功能,包括浏览、缩放、旋转、幻灯片播放等功能。通过分析并学习此类应用,我们可以借鉴其设计思路和代码...
3. **交互性**:Flex图片查看组件通常具备手势识别功能,如平移、缩放、旋转,使用户能够用鼠标或触摸设备进行直观的操作。这种高交互性增强了用户与图片内容的连接。 4. **性能优化**:由于图片可能很大,所以高效...
3. **图片浏览组件**: 在这个特定的项目中,Flex与PaperVision3D结合,创建了一个3D图片浏览演示。用户可以通过旋转、缩放等操作查看图片,实现类似虚拟现实的体验。这种效果通常通过编程实现图片的动态加载、3D空间...
在Flex这个强大的富互联网应用程序(RIA)开发框架中,处理图像功能是常见的需求,包括打开图片、剪切、放大缩小以及旋转。Flex以其强大的ActionScript3.0编程语言为基础,结合MXML标记语言,提供了丰富的组件和API...
这些组件允许开发者动态加载和显示图片,同时可以进行缩放、旋转等操作。 压缩包内的文件列表揭示了实现这个功能的组成部分: 1. `UploadFile.aspx` 和 `UploadFile.aspx.cs`:这是两个ASP.NET页面,`.aspx`文件是...
在本话题中,我们将探讨“flex图片操作”,这涉及到如何使用Flex来处理和展示图片,包括调整角度和应用滤镜等视觉效果。 一、Flex中的图片显示 在Flex中,我们可以使用`mx.controls.Image`组件来显示图片。这个...
标题中的"FLEX图片浏览"指的是基于Adobe Flex技术开发的一个用于展示和浏览图片的应用程序。Flex是一种开源的、基于ActionScript的框架,它允许开发者构建富互联网应用程序(RIA),即可以在网页上运行的交互性强、...
6. **3D效果**:3D效果在Web设计中常用于增加视觉吸引力,通过CSS3的3D变换或Flash的3D API,可以实现平滑的3D旋转、缩放等特效。 7. **源码分析**:提供源码意味着用户可以自定义修改组件,根据需求调整功能或优化...
Flex3D图片浏览器的"旋转"功能是通过编程控制图片在3D空间中的旋转,可能包括X、Y、Z轴上的平移、旋转和缩放。用户可能通过鼠标或触摸输入来交互式地改变视角,或者应用程序自身可以预设一定的动画路径,让图片自动...
以下是一些关于Flex图片保存的核心知识点: 1. **BitmapData对象**:在Flex中,BitmapData是用于表示像素数据的基本类。你可以使用它来创建、加载或复制位图。当需要从UI组件(如Canvas或Sprite)获取快照时,...
这些变换包括旋转、缩放和位移,当应用于图片容器时,可以创建出环绕观众旋转的3D视觉效果。 描述中提到的“图片集围成一圈,旋转显示”是指图片在用户界面上排列成环形布局,并且可以以3D方式旋转。这种效果通常...
在Flex开发中,图片裁剪是一项常见的需求,特别是在创建用户界面或者图像编辑应用时。本文将详细介绍如何在Flex ...如果需要实现更复杂的裁剪功能,如旋转、缩放、预览等,可以扩展遮罩功能并结合更多的用户交互逻辑。