Axure制作:鼠标拖拽控件移动-动态面板方式

 时间:2024-10-12 16:47:24

1、新建一个“动态面板”,功能简单,这里就不命名了设置“动态面板”大小为:220*80如图所示:

Axure制作:鼠标拖拽控件移动-动态面板方式

2、在“动态面板”的“state1”内,新增两个控件:“文本框”和“矩形”;如图所示:

Axure制作:鼠标拖拽控件移动-动态面板方式

3、设置“文本框“大小为:220*30

4、“矩形”命名为“方框”;设醅呓择锗置大小为:220*80;设置“边框“不显示;设置”选中“状态,用来区别被鼠标拖拽移动时的效果;”选中“状态可参考以下截图:

Axure制作:鼠标拖拽控件移动-动态面板方式

5、“动态面板”的“state1”内的控件布局如下:”文本框“居中方式;”矩形:边框“与”动态面板”大小重叠,并置于“文本框”下层具体参考如下图所示:

Axure制作:鼠标拖拽控件移动-动态面板方式

6、动作设置很简单,只需要设置“动态面板”的“移动时”和“移动结束时”两个状态时的动作

7、动态面板”的“移动时”的动作:---1.设置“矩形:边框”为“选中”状态2.使用DragX和DragY来移动”动态面板“---

8、动态面板”的“移动结束时”的动作:---1.设置“矩形:边框”为“取消选中”状态---

Axure制作:鼠标拖拽控件移动-动态面板方式

9、动作设置完后,就可以看效果了在”动态面板“的范围内,点击鼠标拖拽移动即可

Axure制作:鼠标拖拽控件移动-动态面板方式

10、*此方式虽然简单,但本人不太喜欢,因为不够完美,有小瑕疵*几个鼠标拖拽移动控件方式,仅供思路参考

  • Unity Animator 之 重置动画指定刷新某一动画
  • 如何进行小程序预览和上传代码?
  • js如何控制DIV中内容
  • Axure中继器基本使用手册
  • 妈妈教你做糯米饭团加油条
  • 热门搜索
    关于防控疫情的手抄报 手抄报国庆 理想手抄报 三八妇女节手抄报内容 欢度春节手抄报 我和我的祖国手抄报简单又漂亮 关于妇女节的手抄报 关于新年的手抄报 奥运会手抄报 关于春节的手抄报图片