Making a Scrollable View With actionscript 3.0

Question

I am trying to create a scroll view using the drag and drop code snippet. Is there any way I can constrain this drag and drop code to only one axis, or is there other code that I should use altogether?

Here is the code I currently have that drags in 2 dimensions:

movieClip_1.addEventListener(MouseEvent.MOUSE_DOWN, fl_ClickToDrag);

function fl_ClickToDrag(event:MouseEvent):void

{

movieClip_1.startDrag();

}

stage.addEventListener(MouseEvent.MOUSE_UP, fl_ReleaseToDrop);

function fl_ReleaseToDrop(event:MouseEvent):void

{

movieClip_1.stopDrag();

}

JoãoCésar17023019 · Accepted Answer

Hi.You can pass a Rectangle instance to the startDrag method to limit the drag.In the example below, I have a rectangle that takes the whole stage width. So the user is able to drag across the x axis without having the rectangle leaving the stage.import flash.events.MouseEvent;import flash.geom.Rectangle;function beginDrag(e:MouseEvent):void{ e.currentTarget.startDrag(false, new Rectangle(0, e.currentTarget.y, -stage.stageWidth, 0)); stage.addEventListener(MouseEvent.MOUSE_UP, endDrag);}function endDrag(e:MouseEvent):void{ stopDrag(); stage.removeEventListener(MouseEvent.MOUSE_UP, endDrag);}movieClip_1.addEventListener(MouseEvent.MOUSE_DOWN, beginDrag);FLA download:animate_cc_as3_drag_in_one_axis.zip - Google DrivePlease let us know if this clarifies things for you.Regards,JC

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.