blocks|key|4244722|text|我不太确定我是否完全明白你的意思。但我认为您的问题出在MOUSE_MOVE处理程序上。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4244723|在当前示例中，仅当将鼠标移到目标上时才调整目标的大小。当你以足够快的速度移动鼠标时，你的鼠标可能会离开目标，使其停止调整大小。当我编写自己的拖动处理程序时，我通常会将MOUSE_MOVE和MOUSE_UP侦听器设置到舞台上。|4244724|你的类最终会看起来像这样：|4244725|public+class+resizeBR+extends+MovieClip+
{

++++var+initialScaleX,+initialScaleY;

++++public+function+resizeBR()+
++++{++++++++++++
++++++++addEventListener(MouseEvent.MOUSE_DOWN,+initResize);
++++++++addEventListener(MouseEvent.MOUSE_UP,+stopResize);
++++}

++++public+function+initResize(e:MouseEvent):void
++++{
++++++++initialScaleX+=+scaleX;
++++++++initialScaleY+=+scaleY;
++++++++stage.addEventListener(MouseEvent.MOUSE_MOVE,+startResize);
++++}

++++public+function+startResize(e:MouseEvent):void
++++{
++++++++x+%2B=++e.localX;
++++++++y+%2B=++e.localY;
++++++++parent.parent.width+%2B=++mouseX;
++++++++parent.parent.height+%2B=++mouseY;

++++++++//+Keep+its+own+scale
++++++++scaleX+=+initialScaleX;
++++++++scaleY+=+initialScaleY;
++++}

++++public+function+stopResize(e:MouseEvent):void
++++{
++++++++stage.removeEventListener(MouseEvent.MOUSE_MOVE,+startResize);
++++}
}|code-block|syntax|javascript|4244726|entityMap^0|R|A|0|2B|A|2M|8|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|T|8|@$9|U|A|V|B|C]|$9|W|A|X|B|C]]|D|@]|E|$]]|$1|H|3|I|5|6|7|Y|8|@]|D|@]|E|$]]|$1|J|3|K|5|L|7|Z|8|@]|D|@]|E|$M|N]]|$1|O|3|-4|5|6|7|10|8|@]|D|@]|E|$]]]|P|$]]

I'm not really sure if I completely understand what you mean. But I think your problem lies with your <code>MOUSE_MOVE</code> handler.

In your current example you're resizing your target only when moving your mouse over the target. When you're moving your mouse fast enough it's possible your mouse leaves the target, casuing it to stop resizing. When I'm writing my own drag handlers I usually set the <code>MOUSE_MOVE</code> and <code>MOUSE_UP</code> listeners to the stage.

Your class would end up looking something like this:

<pre><code>public class resizeBR extends MovieClip 
{

 var initialScaleX, initialScaleY;

 public function resizeBR() 
 { 
 addEventListener(MouseEvent.MOUSE_DOWN, initResize);
 addEventListener(MouseEvent.MOUSE_UP, stopResize);
 }

 public function initResize(e:MouseEvent):void
 {
 initialScaleX = scaleX;
 initialScaleY = scaleY;
 stage.addEventListener(MouseEvent.MOUSE_MOVE, startResize);
 }

 public function startResize(e:MouseEvent):void
 {
 x += e.localX;
 y += e.localY;
 parent.parent.width += mouseX;
 parent.parent.height += mouseY;

 // Keep its own scale
 scaleX = initialScaleX;
 scaleY = initialScaleY;
 }

 public function stopResize(e:MouseEvent):void
 {
 stage.removeEventListener(MouseEvent.MOUSE_MOVE, startResize);
 }
}
</code></pre>

blocks|key|4529068|text|调整大小不稳定有几个原因。首先，就像rvmook指出的那样，你需要确保在调整剪辑大小时支持鼠标滚出剪辑。由于AS3中没有onReleaseOutside类型的事件，因此必须将侦听器设置为舞台或其它父剪辑。如果您有访问舞台的权限，这是最好的。如果不是，则可以使用可调整大小剪辑的root属性，该属性将引用您具有安全访问权限的最高级别显示对象。将鼠标事件设置到根目录有点不可靠，因为要触发鼠标事件，鼠标需要位于根目录的某个子资源上-而舞台可以在鼠标除了舞台本身之外什么都没有的情况下触发鼠标事件。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4529069|您可能会看到一些奇怪的调整大小行为的另一个原因是因为使用了localX/Y属性。这些值反映正在滚动的对象的mouseX/mouseY坐标-它可能不一定是剪辑的直接父对象。|4529070|我倾向于避免让类访问它们的父链。您可能需要考虑将调整大小逻辑放在要调整大小的剪辑中，而不是放在其子剪辑中。下面是一个简单的自调整大小示例：|4529071|包{|4529072|import+flash.display.MovieClip;
import+flash.events.MouseEvent;
import+flash.events.Event;

public+class+ResizableBox+extends+MovieClip+{

++++public+function+ResizableBox()+{
++++++++addEventListener(MouseEvent.MOUSE_DOWN,+startResize);
++++}

++++private+function+startResize(evt:MouseEvent):void+{
++++++++stage.addEventListener(MouseEvent.MOUSE_MOVE,+handleResize);
++++++++stage.addEventListener(MouseEvent.MOUSE_UP,+stopResize);
++++}

++++private+function+stopResize(evt:MouseEvent):void+{
++++++++stage.removeEventListener(MouseEvent.MOUSE_MOVE,+handleResize);
++++++++stage.removeEventListener(MouseEvent.MOUSE_UP,+stopResize);
++++}

++++private+function+handleResize(evt:MouseEvent):void+{
++++++++this.scaleX+=+this.scaleY+=+1;
++++++++this.width+=+this.mouseX;
++++++++this.height+=+this.mouseY;
++++}
}|code-block|syntax|javascript|4529073|}|4529074|ResizableBox被设置为库中MC的基类。|4529075|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|T|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|U|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|V|8|@]|9|@]|A|$]]|$1|H|3|I|5|J|7|W|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|X|8|@]|9|@]|A|$]]|$1|O|3|P|5|6|7|Y|8|@]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|R|$]]

There are a couple reasons the resizing is jumpy. First, like rvmook points out, you'll need to make sure you support the mouse rolling off of the clip while its being resized. Since there is not an onReleaseOutside type of event in AS3, you have to set listeners to the stage, or some other parent clip. If you have access to the stage, that is best. If not, you can use the root property of your resizable clip, which will reference the highest level display object you have security access to. Setting mouse events to the root is a little wonky, because for them to fire, the mouse needs to be on one of the root's child assets - whereas the stage can fire mouse events when the mouse is over nothing but the stage itself.

Another reason you might be seeing some strange resizing behavior is because of using the localX/Y properties. These values reflect the mouseX/mouseY coordinates to the object being rolled over - which might not necessarily be your clip's direct parent.

I tend to avoid having classes access their parent chain. You might want to consider placing the resizing logic in the clip you want resized, and not in one of its children. Here is simple self resizing example:

package {

<pre><code>import flash.display.MovieClip;
import flash.events.MouseEvent;
import flash.events.Event;

public class ResizableBox extends MovieClip {

 public function ResizableBox() {
 addEventListener(MouseEvent.MOUSE_DOWN, startResize);
 }

 private function startResize(evt:MouseEvent):void {
 stage.addEventListener(MouseEvent.MOUSE_MOVE, handleResize);
 stage.addEventListener(MouseEvent.MOUSE_UP, stopResize);
 }

 private function stopResize(evt:MouseEvent):void {
 stage.removeEventListener(MouseEvent.MOUSE_MOVE, handleResize);
 stage.removeEventListener(MouseEvent.MOUSE_UP, stopResize);
 }

 private function handleResize(evt:MouseEvent):void {
 this.scaleX = this.scaleY = 1;
 this.width = this.mouseX;
 this.height = this.mouseY;
 }
}
</code></pre>

}

ResizableBox is set as the base class of a MC in the library.

blocks|key|548062|text|谢谢你的回答，但我找到了一个很棒的课程来做我想做的事情。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|548063|http://www.senocular.com/index.php?id=1.372|offset|length|548064|http://www.quietless.com/kitchen/transform-tool-drag-scale-and-rotate-at-runtime/|548065|entityMap|0|LINK|mutability|MUTABLE|url|1^0|0|0|17|0|0|0|29|1|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Q|8|@]|9|@$D|R|E|S|1|T]]|A|$]]|$1|F|3|G|5|6|7|U|8|@]|9|@$D|V|E|W|1|X]]|A|$]]|$1|H|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|I|$J|$5|K|L|M|A|$N|C]]|O|$5|K|L|M|A|$N|G]]]]

Thanks all for your answers, but I found a great classes to do what I want.

<a href="http://www.senocular.com/index.php?id=1.372" rel="nofollow">http://www.senocular.com/index.php?id=1.372</a>

<a href="http://www.quietless.com/kitchen/transform-tool-drag-scale-and-rotate-at-runtime/" rel="nofollow">http://www.quietless.com/kitchen/transform-tool-drag-scale-and-rotate-at-runtime/</a>

I need to develop my own drag function in AS3 (instead of using <code>startDrag</code>) because I'm resizing a MovieClip.

I'm doing this:

<pre><code>public class resizeBR extends MovieClip {

 var initialScaleX, initialScaleY;

 public function resizeBR() { 
 this.addEventListener(MouseEvent.MOUSE_DOWN, initResize);
 this.addEventListener(MouseEvent.MOUSE_UP, stopResize);
 }

 public function initResize(e:MouseEvent):void
 {
 initialScaleX = e.target.scaleX;
 initialScaleY = e.target.scaleY;
 e.target.addEventListener(MouseEvent.MOUSE_MOVE, startResize);
 }

 public function startResize(e:MouseEvent):void
 {
 e.target.x += e.localX;
 e.target.y += e.localY;
 e.target.parent.parent.width += mouseX;
 e.target.parent.parent.height += mouseY;
 // Keep its own scale
 e.target.scaleX = initialScaleX;
 e.target.scaleY = initialScaleY;

 }

 public function stopResize(e:MouseEvent):void
 {
 e.target.removeEventListener(MouseEvent.MOUSE_MOVE, startResize);
 }
 }
</code></pre>

But the drag feature is not working fluently. I mean, when I drag a MovieClip from class <code>resizeBR</code> I need to move slowly my mouse cursor or it's not going to work propertly. 

<code>resizeBR</code> is a MovieClip as a child of another MovieClip; the second one is which I have to resize.

What am I doing wrong?

Thanks!

Own drag function in AS3

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我需要在AS3中开发自己的拖动函数(而不是使用startDrag)，因为我正在调整MovieClip的大小。我正在做这个：public class resizeBR extends MovieClip {        var initialScaleX, initialScaleY;        public fu...

问在AS3中自带拖动功能
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在AS3中自带拖动功能EN