AxureRP使用教程:[4]动态面板使用

Axure RP是一个专业的快速原型设计工具。Axure(发音:Ack-sure),代表美国Axure公司;RP则是Rapid Prototyping(快速原型)的缩写。本教程参考官网英文教程介绍使用动态面板,来展示一组图片

操作方法

  • 01

    首先布局如图,有一个图片展示组和一个按钮,用来控制动态面板,双击图片可以选择要展示的图片

  • 02

    右键图片,选择“转换为动态面板”,进行设置,命名,添加面板状态,通过复制状态1,生成其他状态,然后在对应状态选择为不同图片

  • 03

    设置按钮“单击时”事件,选择“设置面板状态”,选中对应我们创建的那个面板,进行切换效果设置

  • 04

    完成效果如下

(0)

相关推荐

  • Axure教程-动态面板详解

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

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

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

  • Axure8怎么使用动态面板?Axure8的使用教程

    动态面板为Axure里常用的元件: 本次主要涉及:元件:动态面板.图像,技术点:交互用例.动态面板和图像的编辑,如下面脑图所示: 1.打开Axure8(axure7也一样),默认是新创建的项目,找到 ...

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

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

  • Axure手机版原型动态面板中的滚动条怎么去掉?

    Axure设计的手机页面原型需要去掉动态面板中的滚动条,该怎么去掉呢?下面我们就来看看详细的教程. 1.先制作一个手机页面,这时内容超过了手机屏幕,如图所示 2.选中屏幕中所有的内容,点击“转化为动态 ...

  • axure动态面板怎么用?

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

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

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

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

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

  • Axure动态面板两种创建方法有什么区别?

    Axure动态面板有两种创建方法,这两种方法有什么区别呢?下面我们就来详细介绍一下. 第一种创建方法: 1.元件库中有单独的动态面板元件,可以拖出来直接用,也是常用方法: 2.效果是这种,空的动态面板 ...