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

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

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

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

3、此时的效果如图所示

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

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

注意事项:

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

(0)

相关推荐

  • axure拖动动态面板怎么设计? axure给动态面板添加拖动条的两种方法

    axure里面的表格没有拖动条,不能扩展,这里介绍两种方法实现,一种是动态面板,另一种是框架 方法一: 1.通过lnline Frame控件实现 ,首先创建一个表格页面(其他页面也可以) 2.再在主页 ...

  • Axure怎么使用动态面板制作banner图片轮播?

    Axure就不多介绍了,一般对产品岗位比较了解的都知道,常用的原型工具.这里为大家做一个用动态面板做简单的banner图片轮播的方法. 一.基础准备工作 1.打开Axure,页面名称命名为“图片轮播” ...

  • axure怎么使用动态面板制作淘宝图片轮播效果?

    淘宝中经常可以看到店铺中的图片轮播效果,本经验将通过axure7.0实现. 1.下载需要轮播的图片 2.将图片引入至axure中,将引入的第一张图片转为动态面板 3.将动态面板添加四个状态,分别为状态 ...

  • axure怎么使用动态面板制作转盘抽奖?

    目前各个网站,经常可以看到大转盘抽奖,本经验初步讲解大转盘抽奖的前提条件:让转盘转起来. 1.首先百度一张转盘图片,将改图片引入至axure中 2.将该转盘转为动态面板 3.将该动态面板分为12个状态 ...

  • axure如何设置动态面板

    axure设置动态面板,使得我们的原型界面交互性能更强,以达到我们的业务需求,更能展示业务需求的形象性. 操作方法 01 打开axure工具,如下图所示 02 从左侧元件库中拖拽动态面板组件 03 调 ...

  • Axure教程-动态面板详解

    动态面板的学习可以帮助我们完成十分复杂的动作设计,今天我们详细学习一下动态面板的使用. 图:Axure中代表动态面板的icon 从这个icon可以看出: 1.这个动态面板有多个层 2.每个层有自己的顺 ...

  • Axure怎么制作页面滚动时菜单固定在顶部的页面

    Axure可以制作出保真度相当高的原型,除了页面布局.UI以外,其强大的交互设计能力让这些本来静止的元素高效交互起来,形成以假乱真的高保真原型.本文介绍如何做一个在滚动中将菜单固定在顶部的页面,属于中 ...

  • axure动态面板怎么用? Axure动态面板制作页面弹出层的教程

    在快速原型制作中,我们通常会使用到Axure软件,有一些地方我会想要达到在页面做出弹出层的效果,这个时候为了快速达到效果,在Axure中,我们会用到动态面板:下面我就自己在这方面遇到的困难和效果介绍一 ...

  • Axure动态面板怎么制作三级菜单?

    Axure中想要设计一款三级菜单,该怎么设计呢?下面我们就来看看详细的教程. 1.我们先放入菜单的相关元件,这里我使用的是矩形. 2.我们把三级菜单的三个元件全选,在上面点击鼠标右键,选择[转换为动态 ...