我的一个朋友曾说起让图像在多触点屏幕中缩放和旋转效果应该像程序中“hello world”一样基础,我认为这个说法非常有道理。在视频中第一部分(总共两部分),我将讲解如何使得Flex组件旋转和缩放。下面的类可以使图片实现缩放和旋转的效果,就像“hello world”一样经典,而且它同样适用于视频、容器等,这将会大大增强用户的体验性。
? ? 下面是类的内容,可以应用在大部分的程序中。 ??RotatableScalable:
- package com.mlegrand
- {
- ? ? ? ? import flash.display.DisplayObject;
- ? ? ? ? import flash.events.TransformGestureEvent;
- ? ? ? ? import flash.geom.Matrix;
- ? ? ? ? import flash.geom.Point;
- ? ? ? ? import flash.ui.Multitouch;
- ? ? ? ? import flash.ui.MultitouchInputMode;
-
- ? ? ? ? public class RotatableScalable
- ? ? ? ? {
- ? ? ? ? ? ? ? ? protected var disO:DisplayObject
- ? ? ? ? ? ? ? ? public function RotatableScalable(displayObject:DisplayObject)
- ? ? ? ? ? ? ? ? {
- ? ? ? ? ? ? ? ? ? ? ? ? disO = displayObject;
- ? ? ? ? ? ? ? ? ? ? ? ? if(Multitouch.supportsGestureEvents)
- ? ? ? ? ? ? ? ? ? ? ? ? {
- ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? Multitouch.inputMode = MultitouchInputMode.GESTURE;
- ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? addGestureEventListeners()
- ? ? ? ? ? ? ? ? ? ? ? ? }
- ? ? ? ? ? ? ? ? }
- ? ? ? ? ? ? ? ? protected function addGestureEventListeners():void
- ? ? ? ? ? ? ? ? ? ? ? ? disO.addEventListener(TransformGestureEvent.GESTURE_ROTATE,gestureRotateHandler);
- ? ? ? ? ? ? ? ? ? ? ? ? disO.addEventListener(TransformGestureEvent.GESTURE_ZOOM,gestureZoomHandler);
- ? ? ? ? ? ? ? ? protected function gestureRotateHandler(event:TransformGestureEvent) : void
- ? ? ? ? ? ? ? ? ? ? ? ? event.stopImmediatePropagation();
- ? ? ? ? ? ? ? ? ? ? ? ? var m:Matrix = disO.transform.matrix;
- ? ? ? ? ? ? ? ? ? ? ? ? var p:Point = m.transformPoint(new Point(disO.width/2,disO.height/2));
- ? ? ? ? ? ? ? ? ? ? ? ? m.translate(-p.x,-p.y);
- ? ? ? ? ? ? ? ? ? ? ? ? m.rotate(event.rotation*(Math.PI/180));
- ? ? ? ? ? ? ? ? ? ? ? ? m.translate(p.x,p.y);
- ? ? ? ? ? ? ? ? ? ? ? ? disO.transform.matrix = m;
- ? ? ? ? ? ? ? ? protected function gestureZoomHandler(event:TransformGestureEvent):void
- ? ? ? ? ? ? ? ? ? ? ? ? var p:Point = m.transformPoint(new Point(disO.width/2,serif; font-size:12px; line-height:1.8em"> ? ? ? ? ? ? ? ? ? ? ? ? m.scale(event.scaleX,event.scaleY);
- ? ? ? ? }
- }
复制代码
注:我在Justin Imhoff’s blog看的过一些关于矩阵变化的内容,我强烈建议你通过feed订阅他的博客,我也注意到Natural User Interface Group,这个论坛非常好,建议对多点触控感兴趣的兄弟姐妹们去看看 |
转载:http://bbs.9ria.com/thread-44732-1-1.html
(编辑:李大同)
【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!
|