前两天示范自作了了一个“跟着鼠标走的控件”的案例，具体可参考下面的链接地址。这里做个优化，实现用鼠标拖拽控件移动，即长按鼠标后，可以移动控件，移动控件到目的地后，松开鼠标，即停止控件的移动。效果图如下：工具/原料moreAxure RP 8方法/步骤1/7分步阅读

新建一个“方框”和“热区“

分别命名为：”方块“和”热区“

”方块“大小为：200*200

”热区“大小为：100*100

**“热区”无所谓大小，这里仅为示例参考，可以看到“热区”

如图所示：

2/7

”方块“设置一个”命中“状态，用”虚线“状态来区别”移动“过程

如图所示：

3/7

”方块“设置一个”鼠标长按时“的动作：

-----

1.设置“热区”的尺寸，尺寸大小和“方块”一致

2.移动”热区“到指定位置（x,y），以鼠标的绝对位置为参考，比如：x=]，y=]）

3.设置”方块“为”选中“状态

-----

参考参数如下图：

4/7

“热区”需要设置两个动作，一个“鼠标移动时”，一个“鼠标松开时”

5/7

”热区“设置一个”鼠标移动时“的动作：

-----

1.移动”热区“到指定位置（x,y），以鼠标的绝对位置为参考，比如：x=]，y=]）

2.移动”方块“到指定位置（x,y），以鼠标的绝对位置为参考，比如：x=]，y=]）

-----

6/7

”热区“设置一个”鼠标松开时“的动作，用来结束”移动“状态：

-----

1.移动”热区“到指定位置（x,y），任意位置， 比如：x=0,y=0

2.设置“热区”大小为1*1

3.设置”方块“为”未选中“状态

-----

参考参数如下图：

7/7

动作设置完后，就可以看效果了

在”方块“范围内点长按鼠标后，”方块“就可以跟随鼠标移动，松开鼠标，”方块“停止移动，即完成了鼠标拖拽控件移动~

哈~达成效果！相对完美

注意事项

“热区”无所谓大小

“热区”归位位置和大小，仅是方便不被误触发即可

鼠标拖拽AXURE制作控件