axure如何设置动态面板

axure设置动态面板,使得我们的原型界面交互性能更强,以达到我们的业务需求,更能展示业务需求的形象性。

操作方法

  • 01

    打开axure工具,如下图所示

  • 02

    从左侧元件库中拖拽动态面板组件

  • 03

    调出位置和大小面板:查看位置和大小,调整动态面板的尺寸

  • 04

    右键,编辑选项-----》管理面板状态

  • 05

    给动态面板起名,可增添,删改面板状态

  • 06

    然后右键动态面板----》编辑选项---》设置为隐藏

  • 07

    添加一个按钮元件,然后给按钮添加点击事件

  • 08

    在窗口右侧有click事件

  • 09

    双击页面的动态面板----》显示面板,然后打钩

  • 10

    生成HTML页面,如下图所示的效果,点击按钮即可显示动态面板的框框

(0)

相关推荐

  • Axure RP 8怎么设置动态面板显示隐藏对象?

    Axure RP 8设计软件中动态面板元件是功能最强大的元件之一,可以通过这个元件,实现很多其他软件元件都不能够实现的功能.下面利用一个动态面板显示隐藏对象,操作如下: 1.双击打开Axure RP ...

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

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

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

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

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

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

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

    在高仿原型中,经常看到高仿原型,模仿微信,微博的对话框,在这里我做一个简单的例子来讲解下如通过动态面板的拖动实现想要的效果的 1.在页面添加动态面板,并在该动态面板中添加图片,以作区分 2.再页面1中 ...

  • axure动态面板怎么设置显示与隐藏?

    axure设置动态面板,使得我们的原型界面交互性能更强,以达到我们的业务需求,更能展示业务需求的形象性. 1.打开axure工具,如下图所示 2.从左侧元件库中拖拽动态面板组件 3.调出位置和大小面板 ...

  • axure动态面板怎么用?

    axure动态面板怎么用? 1.在制作好的页面上添加一个 hot spot 区域,然后拖动一个"动态面板"到"hot spot"上,右键将"动态面板& ...

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

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

  • Axure教程-动态面板详解

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