flash - 如何在 Flash AIR 中创建类似 Android 画廊的画廊

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 来获取每个对象..希望它有所帮助