- 浏览: 212693 次
- 性别:
- 来自: 广州
文章分类
最新评论
-
liuyanpersonal:
你好啊
单元测试SpringMVC带文件上传的controller -
kkgoing:
teamPhotoController 这个Controlle ...
单元测试SpringMVC带文件上传的controller -
尘枉_yjava:
gwt-ext Out of memory解决办法?? 亲,办 ...
gwt-ext Out of memory解决办法 -
张传龙:
多谢大侠,我找了好久才找到
单元测试SpringMVC带文件上传的controller -
argel_lj:
关键是提示这些信息,而且后面还提示build successf ...
maven经常报Unable to find resource in repository
flex 4.5 下测试通过,将2张照片合成后生成合成图
<?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 var _mask:Image = new Image() ;
private var _dragaImage:Image = new Image();
private var _xOff:Number;
private var _yOff:Number;
public function initDragAndDrop():void {
initMask();
}
public function initMask():void {
_mask.source = "panadaBg.png" ;
_mask.width = 200 ;
_mask.height = 200 ;
myGroup.addElement( new UIComponent() );
myGroup.addElement( _mask );
}
public function initJpgDrag(event:MouseEvent):void {
var dragInitiator:Image = Image(event.currentTarget);
var ds:DragSource = new DragSource();
ds.addData(dragInitiator.source, "source");
ds.addData(dragInitiator.width, "width");
ds.addData(dragInitiator.height, "height");
_xOff = event.currentTarget.mouseX;
_yOff = event.currentTarget.mouseY;
DragManager.doDrag(dragInitiator, ds, event);
}
public function phandleDragEnter(event:DragEvent):void {
DragManager.acceptDragDrop( spark.components.Group( event.target ) );
}
public function phandleDragOver(event:DragEvent):void
{
if ( event.ctrlKey )
{
DragManager.showFeedback( DragManager.COPY );
event.currentTarget.setStyle( 'borderColor', 'blue' );
}
else if (event.shiftKey)
{
DragManager.showFeedback( DragManager.LINK );
event.currentTarget.setStyle( 'borderColor', 'green' );
}
else
{
DragManager.showFeedback(DragManager.MOVE);
event.currentTarget.setStyle( 'borderColor', 'yellow' );
}
}
public function phandleDrop(event:DragEvent):void
{
var dragaImage:Image = new Image();
dragaImage.source = event.dragSource.dataForFormat( "source" ) as String;
dragaImage.width = event.dragSource.dataForFormat( "width" ) as int;
dragaImage.height = event.dragSource.dataForFormat( "height" ) as int;
var tempX:int = event.currentTarget.mouseX - _xOff;
var tempY:int = event.currentTarget.mouseY - _yOff;
dragaImage.x = tempX ;
dragaImage.y = tempY ;
myGroup.removeAllElements();
myGroup.addElement( bgRect );
myGroup.addElement( dragaImage );
myGroup.addElement( _mask );
}
public function phandleDragExit(event:DragEvent):void { }
public function snapShot():void {
var mergeImage:Image = new Image() ;
mergeImage.x = 300 ;
var c2:BitmapData = ImageSnapshot.captureBitmapData( myGroup );
var myCanvasBmp:BitmapData =
new BitmapData( myGroup.width, myGroup.height, true, 0x00000000 );
myCanvasBmp.draw(myGroup,new Matrix());
var bitmap : Bitmap = new Bitmap( myCanvasBmp );
mergeImage.source = c2 ;
this.addElement( mergeImage );
}
public function panadaImageMove(event:MouseEvent):void
{
var dragInitiator:Image = Image( event.currentTarget );
var ds:DragSource = new DragSource();
ds.addData( dragInitiator.source,"source" );
ds.addData( dragInitiator.width,"width" );
ds.addData( dragInitiator.height,"height" );
DragManager.doDrag( dragInitiator, ds, event );
}
private function initJpgDragInCanvas(event:MouseEvent):void
{
var dragInitiator:Image = myGroup.getChildAt( 1 ) as Image;
if ( dragInitiator == null )
{
return ;
}
var ds:DragSource = new DragSource();
ds.addData( dragInitiator, "img" );
ds.addData( dragInitiator.source,"source" );
ds.addData( dragInitiator.width,"width" );
ds.addData( dragInitiator.height,"height" );
var imageProxy:Image = new Image();
imageProxy.source = dragInitiator;
imageProxy.height = 100;
imageProxy.width = 100;
_xOff = event.currentTarget.mouseX - dragInitiator.x ;
_yOff = event.currentTarget.mouseY - dragInitiator.y ;
DragManager.doDrag( dragInitiator, ds, event, imageProxy, 0, 0 );
}
]]>
</fx:Script>
<s:VGroup id = "Catalog">
<s:Image id = "panada" source = "100.jpeg"
width = "100" height = "100"
mouseMove = "initJpgDrag(event)"
/>
</s:VGroup>
<s:Group id = "myGroup" width = "200" height = "200"
x = "200" y = "200"
clipAndEnableScrolling = "true"
dragEnter="phandleDragEnter( event )"
dragOver="phandleDragOver( event )"
dragDrop="phandleDrop( event )"
dragExit="phandleDragExit( event )" mouseMove="initJpgDragInCanvas( event )"
>
<s:Rect width = "100%" height = "100%" id = "bgRect">
<s:fill><s:SolidColor color = "0xFF0000" /></s:fill>
</s:Rect>
</s:Group>
<s:Button click="setTimeout( snapShot, 1000 )" label = "合成" />
</s:Application>
发表评论
-
Apache+tomcat均衡负载配置新小结
2012-03-23 17:27 3377Apache+tomcat均衡负载配 ... -
'IHTMLControlElement' : redefinition 报错
2012-03-13 11:04 1932在设置好新的platform sdk之后,编译原有系统报: D ... -
iis设置isapi应用
2012-02-29 21:16 1053不需要设置isapi筛选器,直接拷贝dll到网站下,输入dll ... -
wince下httpd总是跳去远程管理页面的解决
2012-02-29 21:12 938将pb生成的release目录下的servers.reg里的: ... -
spring下jotm jta实现小结
2012-02-13 15:27 1983需求是从sql2005读取数据,然后写到另外一个oracle库 ... -
sql2005循环执行插入
2012-01-05 09:56 994declare @rowNo int set @rowNo=1 ... -
SQL Server 2005 导出包含(insert into)数据的SQL脚本 (转)
2011-12-01 17:40 3559CREATE PROCEDURE dbo.UspOutputD ... -
linux 下 rman can't open target 的报错
2011-11-21 11:54 1030把home/oracle下的.bash_profile修改为, ... -
flex获取图片旋转后的坐标
2011-09-09 17:31 1747public function getRotateXY( ob ... -
maven经常报Unable to find resource in repository
2011-08-10 10:41 2021maven经常报Unable to find resource ... -
FLEX 图片旋转后的拖动
2011-05-21 13:03 1529图片没旋转之前拖动很正常。左旋转之后拖动会不正常。那是因为旋转 ... -
IE8 上传图片预览的JS(转)
2011-05-06 16:37 1360function photoPreView(image) { ... -
Spring ROO 快速整合BlazeDS
2011-04-29 16:45 23371、首先安装最新版本SpringSourceToolSu ... -
jni调用报错UnsatisfiedLinkError
2011-04-20 15:38 916报类似 UnsatisfiedLinkError: com.x ... -
GraphicsMagick处理图片
2011-04-19 10:02 1015//改变原图尺寸gm convert src.jpg -r ... -
flex 4.5 切换states后DataGrid的ColumnHeade变成空白
2011-03-25 14:42 1064flex 4.5 切换states后DataGrid的Colu ... -
090505 james邮件自动跑去spam box下面的问题
2009-05-05 17:16 1443解决用james收邮件时邮件自己跑去了spam box下面的问 ... -
071719 rspec在netbeans IED 6 beta上运行时的一些问题
2007-11-19 15:45 604不知是我弄错了什么地方,还是本来就是这样的,在netbeans ... -
用keytool生成安全证书
2008-03-04 18:00 418用keytool生成证书: keytool - ... -
onmouseover改变图像路径,onmouseout恢复原图像路径
2008-06-21 22:56 1193var temp function MouseO ...
相关推荐
在Flex4中,拖放(Drag and Drop,简称DnD)功能是一项强大的交互设计工具,它允许用户通过直观的拖动操作在界面上移动或转移数据。在本主题中,我们将深入探讨如何在Flex4中实现图片的拖放功能,包括两种模式:拖动...
在给定的标题“支持手动拖拽缩放flex组件的组件”中,我们可以推断出这是一个专门针对Flex环境设计的组件,它允许用户通过手动拖拽和缩放操作来调整Flex应用中的组件大小。 描述中提到的“com.janisRadins.zip”很...
标题中的“flex pv3d 照片浏览 照片墙”指的是使用Adobe Flex技术结合PV3D库开发的一款3D照片浏览应用,它创建了一种类似照片墙的展示效果,让用户能够以三维视角来查看和浏览照片。这种技术在Web前端开发中常用于...
此外,Flex 4中的ActionScript 3.0有了显著增强,包括类的优化、访问修饰符的改进以及对ECMAScript for XML (E4X)的全面支持,使得数据处理更加简便。新的骨骼动画系统(Skinning and States)也是Flex 4的一大亮点...
7. **Services和Remoting**:Flex4支持与各种后端服务进行通信,包括AMF(Action Message Format)、SOAP、REST等,开发者可以方便地集成XML、JSON或自定义数据格式,实现数据的交换和处理。 8. **图形和动画**:...
9. **移动设备支持**:Flex 4 还支持Flash Player和Adobe AIR在移动设备上的部署,为开发跨平台的移动应用提供了可能。 10. **Flex Builder和Flex SDK**:Adobe Flex Builder作为IDE,提供了丰富的调试工具和代码...
标题中的“用Flex写的照片旋转”指的是使用Adobe Flex框架开发的一款功能,允许用户对照片进行旋转操作。Flex是一个开源的、基于ActionScript的框架,主要用于构建富互联网应用程序(RIA),它提供了一整套组件和...
- **FlexUnit支持**:FlexUnit是一种用于Flex项目的单元测试框架,仅在Flex4的高级版本中得到支持。 - **自动化功能测试**:Flex3与Flex4的高级版本均支持自动化功能测试,这对于确保应用质量至关重要。 ##### 3. ...
在IT行业中,尤其是在Web开发领域,"flex 图片画线,拖动"是一个常见的交互功能需求,用于增强用户体验。这个功能通常涉及到HTML5、CSS3和JavaScript等技术,特别是Flex布局和SVG图形技术。让我们详细探讨一下这个...
在前端开发中,"flex拖拽"是一种常见交互设计,特别是在构建可自定义布局或需要用户手动调整元素位置的应用中。Flex布局(Flexible Box Layout)是CSS3的一种布局模式,它提供了一种更加灵活的方式来控制容器中子...
Flex 4,也被称为Gumbo,是Adobe Flex框架的一个重大更新,它引入了许多关键变化以提升RIA(Rich Internet Applications)的开发效率和用户体验。以下是Flex 4中的十大变化的详细说明: 1. **Adobe Catalyst集成**...
Flex4,全称为Adobe Flex 4,是一款由Adobe公司开发的开源框架,主要用于构建富互联网应用程序(Rich Internet Applications,简称RIA)。Flex4以其强大的组件库、灵活的样式系统和优化的图形渲染引擎,极大地提升了...
2. **Flex Builder/Flash Builder**:Adobe提供的集成开发环境(IDE),支持Flex4应用的创建、调试和部署,提供代码提示和图形化组件设计工具。 3. **Spark组件库**:Flex4引入的新组件集,相比Flex3的 Halo 组件,...
2. ActionScript 3.0:作为Flex4的编程语言,AS3提供面向对象的特性,支持类、接口、包等概念,具有高性能和丰富的库支持。 3. Spark组件:Flex4引入的新组件集,提供更高效、可定制的组件,支持数据绑定和复合组件...
Flex4是一种强大的富互联网应用程序(RIA)开发框架,由Adobe公司推出,主要用于构建交互性强、视觉效果丰富的Web应用。在本资源包中,你将找到关于Flex4学习的所有必要资料,包括安装指南、API文档、学习文档以及...
首先,由于Flex4需要Flash Player 10的支持,确保应用程序针对此版本的播放器进行编译是至关重要的。其次,Flex4中的CSS字体选择器现在需要命名空间,这与Flex3不同。为了适应这一变化,开发者需要在CSS中添加命名...
在这个场景中,我们关注的是Flex实现的拖拽控件,这是一种交互式UI元素,允许用户通过鼠标操作移动元素,提供了丰富的用户体验。 拖拽功能在Flex中可以通过使用内置的DragManager类和Event类来实现。DragManager类...
CH18 - "模块化与性能优化":Flex4支持模块化开发,有助于大型项目的组织和管理。这部分可能探讨了如何创建和使用模块,以及如何优化Flex应用的性能。 CH19 - "测试与调试":讲解了在Flex开发过程中如何进行有效的...