egret用eui地图滚动

天涯浪子 提交于 2019-11-27 12:58:33
var group = new eui.Group();
        var img = new eui.Image("resource/assets/bg.jpg");
        group.addChild(img);
        //创建一个Scroller
        var myScroller = new eui.Scroller();
        //注意位置和尺寸的设置是在Scroller上面,而不是容器上面
        myScroller.width = 400;
        myScroller.height = 400;
        //设置viewport
        myScroller.viewport = group;
        this.addChild(myScroller);



var shang:egret.Shape = new egret.Shape; 
        shang.graphics.beginFill( 16033 );
         shang.graphics.drawRect( 80, 460, 60,60 ); 
        shang.graphics.endFill(); 
        shang.touchEnabled=true;
        shang.addEventListener(egret.TouchEvent.TOUCH_TAP,bshang,this);
         this.addChild(shang);//将bg添加到舞台上
         function bshang(){
            myScroller.viewport.scrollV =myScroller.viewport.scrollV+10; //纵向滚动的位置
            myScroller.viewport.scrollH  =10+myScroller.viewport.scrollH//横向滚动的位置
         }

在这里插入图片描述
点击按钮后图片移动

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!