欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  科技

axure怎么制作动态面板的拖动的原型?

程序员文章站 2022-12-11 22:51:46
axure怎么制作动态面板的拖动的原型?...

在高仿原型中,经常看到高仿原型,模仿微信,微博的对话框,在这里我做一个简单的例子来讲解下如通过动态面板的拖动实现想要的效果的

axure怎么制作动态面板的拖动的原型?

1、在页面添加动态面板,并在该动态面板中添加图片,以作区分

axure怎么制作动态面板的拖动的原型?

2、再页面1中添加事件:拖动动态面板时,沿y轴移动动态面板

axure怎么制作动态面板的拖动的原型?

3、此时的效果如图所示

axure怎么制作动态面板的拖动的原型?

4、此时的图片是可以被鼠标拖拽,上下移动的,新建页面2,在页面2中新增内部框架,内部框架指向页面1

axure怎么制作动态面板的拖动的原型?

5、调整页面1动态面板位置为0.0,此时再刷新page2的浏览器样式,刷新后即为想要的效果

axure怎么制作动态面板的拖动的原型?

注意事项:

试想,将图片改为一个个表格后,或者用中继器替代图片后,即为例图1的效果了