Multitouch con Adobe AIR 2, Flash Lite 4 y Flash Player 10.1

Por: eldervaz

22 de Febrero del 2010

9133 de clabLevel
Otros artículos de eldervaz

5,724 visitas

flex air actionscript_3 flashlite flashplayer 10.1 multitouch

Con las novedades del Flash Player 10.1, Flash Lite 4 y AIR 2.0 existe una que a los usuarios de iphone o macbook les debe ser muy familiar, el multitouch. En este tip enseñaremos como utilizar la clase TransformGestureEvent que nos permite zoom y rotar elementos. Para eso necesitamos Flash Builder con el SDK de AIR 2.0 que ya pueden descargar del sitio Adobe Labs. Cuando Flash CS5 sea liberado, también podrán usarlo para sus aplicaciones.

Código :

var l:Loader = new Loader();
l.load(new URLRequest("logo.png"));
l.x = l.y = -100;
$__img1 = new Image();
$__img1.addChild(l);
this.addElement($__img1);
$__img1.x = $__img1.y = 200;

Código :

this.addEventListener(TransformGestureEvent.GESTURE_ROTATE, _rotation, false, 0, true);

Código :

private function _rotation(e:TransformGestureEvent):void{
$__img1.rotation += e.rotation;
}

Código :

this.addEventListener(TransformGestureEvent.GESTURE_ZOOM, _zoom, false, 0, true);

Código :

private function _zoom(e:TransformGestureEvent):void
{
   if (e.scaleX > 1)
   {
      $__img1.scaleX += e.scaleX / 100;
      $__img1.scaleY += e.scaleY / 100;
   }
   else
   {
      $__img1.scaleX -= e.scaleX / 100;
      $__img1.scaleY -= e.scaleY / 100;
   }
}

Código :

<?xml version="1.0" encoding="utf-8"?>
<s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009"
                  xmlns:s="library://ns.adobe.com/flex/spark"
                  xmlns:mx="library://ns.adobe.com/flex/mx"
                  creationComplete="init()"
                  width="320"
                  height="400">

   <fx:Script>
      <![CDATA[
         import mx.controls.Image;
         private var $__img1:Image;

         //
         private function init():void
         {
            var l:Loader=new Loader();
            l.load(new URLRequest("logo.png"));
            l.x=l.y=-100;
            $__img1=new Image();
            $__img1.addChild(l);
            this.addElement($__img1);
            $__img1.x=$__img1.y=200;
            //
            $__img1.addEventListener(MouseEvent.MOUSE_DOWN, activeMove, false, 0, true);
            $__img1.addEventListener(MouseEvent.MOUSE_UP, activeMove, false, 0, true);
            this.addEventListener(TransformGestureEvent.GESTURE_ROTATE, _rotation, false, 0, true);
            this.addEventListener(TransformGestureEvent.GESTURE_ZOOM, _zoom, false, 0, true);
         }

         private function _rotation(e:TransformGestureEvent):void
         {
            $__img1.rotation+=e.rotation;
         }

         private function _zoom(e:TransformGestureEvent):void
         {
            if (e.scaleX > 1)
            {
               $__img1.scaleX+=e.scaleX / 100;
               $__img1.scaleY+=e.scaleY / 100;
            }
            else
            {
               $__img1.scaleX-=e.scaleX / 100;
               $__img1.scaleY-=e.scaleY / 100;
            }
         }

         private function activeMove(e:MouseEvent):void
         {
            if (e.type == MouseEvent.MOUSE_DOWN)
               $__img1.startDrag();
            else if (e.type == MouseEvent.MOUSE_UP)
               $__img1.stopDrag();
            else
               throw new Error("upsss!!!");
         }
      ]]>
   </fx:Script>
</s:WindowedApplication>

Tweet  

También te interesa

• Enviar y recibir datos UDP con Adobe AIR 2.0
• Acceder a dispositivos de almacenamiento en AIR 2.0
• Control de errores globales en Adobe AIR 2.0

flex air actionscript_3 flashlite flashplayer 10.1 multitouch

Esta nueva posibilidad de AIR abre un montón de posibilidades, está genial
Buen tip Elder
Por: Zguillez

var l:Loader = new Loader(); 

l.load(new URLRequest("logo.png")); 

l.x = l.y = -100;

addChild(l):

disculpa 2 dedos maximo....
Por: Zandy

@Zandy hola, espero que tus dudas estén resueltas por Lee, igual, este post es más de programación, estoy preparando uno nuevo más de capacidades y limitantes espero el fin de semana terminarlo
Por: eldervaz

wow, con ansias espero a este fin de semana.. , pues hay una cantidad de equipos de esta naturaleza y no todos hablan en el mismo idioma. ( Podra fp10.1 transparentar esto ? )
Por: Zandy

Zandy :

wow, con ansias espero a este fin de semana.. , pues hay una cantidad de equipos de esta naturaleza y no todos hablan en el mismo idioma. ( Podra fp10.1 transparentar esto ? )

No, funciona deacuerdo al dispositivo ya lo verás en mi post
Por: eldervaz

me quede esperando eldervaz
Por: Zandy