Question

如何创建类似Android画廊的图库，可以进行缩放，滑动导航，以及当用户将图像缩放到最右边/左边时滑动到下一个内容。

此外，内容（MovieClip）可能包含按钮和放大器等交互式对象。滑块，是否可以用1个手指导航（触摸事件）创建？如果没有，也许它应该使用2手指导航（平移）。

我已经在google上进行了一些搜索，但Flash Air的主题并不常见，所以我还没有找到它。

谢谢。

Answer 1

要将其分解，您首先需要从自包含加载器加载图像，或者让用户选择该文件：用户加载图片：

     var holder = new movieClip;
     Addchild(holder)
     var file:FileReference;
     var fileLoader:Loader;

      function start()
      {
      loadImageBtn.addEventListener(MouseEvent.CLICK, showDialog);
      }
      start();

      function showDialog(event:MouseEvent):void
      {
      file = new FileReference();

      var imageFileTypes:FileFilter = new FileFilter("Images (*.png; ","*.png;");

      file.browse([imageFileTypes]);
      file.addEventListener(Event.SELECT, selectFile);
       }

       function selectFile(e:Event):void
       {
      file.addEventListener(Event.COMPLETE, loadFile);
      file.load();
       }

       function loadFile(e:Event):void
       {
   fileLoader = new Loader();

   fileLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, displayImage);
   fileLoader.loadBytes(file.data);
       }

       function displayImage(e:Event):void
       {
   holder.addChild(fileLoader);
       }

然后你需要能够移动内容：

       var maxY:Number = 0;
       var minY:Number = Math.min(0,stage.stageHeight - holder.height - 300);
       var _startY:Number;
       var _startMouseY:Number;
       addEventListener(MouseEvent.MOUSE_DOWN, mouseDownHandler);

       function mouseDownHandler(event:MouseEvent):void
       {
   _startY = holder.y;
   _startMouseY = mouseY;
   stage.addEventListener(MouseEvent.MOUSE_MOVE, stage_mouseMoveHandler, false, 0, true);
   stage.addEventListener(MouseEvent.MOUSE_UP, stage_mouseUpHandler, false, 0, true);
       }

       function stage_mouseMoveHandler(event:MouseEvent):void
       {
   var offsetY:Number = mouseY - _startMouseY;
   holder.y = Math.max(Math.min(maxY,_startY + offsetY),minY);
       }

       function stage_mouseUpHandler(event:MouseEvent):void
       {
   stage.removeEventListener(MouseEvent.MOUSE_MOVE, stage_mouseMoveHandler);
   stage.removeEventListener(MouseEvent.MOUSE_UP, stage_mouseUpHandler);

       }

如果您想要多个图像，您可以通过它们进行识别，将每个图像推入数组进行存储，并将每个项目放置为网格类型图案或按照自己的高度或宽度分隔的列。

            var array()
        for (i = 0; i <items; i++)
    {

        items.x =  170+ i * (item.width + 1);
                    //you can add child
    }

一个更好的选择可能是每个语句，使用数组或xml来抓取每个对象..希望它有帮助

如何在Flash AIR中创建类似Android库的图库

1 个答案: