动态面板(Dynamic Panel)是Axure的核心功能之一,但很多初学者都反馈理解有难度,今天用一个简单的例子让大家快速掌握它,并且学会做一个常用的轮播图。
12月21日更新:B站视频版教程:
Axure动态面板快速入门,轮播图效果_哔哩哔哩 (゜-゜)つロ 干杯~-bilibiliwww.bilibili.com首先理解一个概念:什么是动态面板?用来做什么?
动态面板就是多个页面按照“状态划分”合成一个元件,然后通过某种“动作”驱动展示。
这张图是Axure中动态面板的图标,非常贴切。
有三个状态(states)的面板“灰黑蓝”,通过动作(Action)来控制具体展示哪个状态。
所以:动态面板 = 状态面板 + 动作
案例开始:Banner轮播图
一、添加基本元件
1.在左侧工具栏拖动一个动态面板进入编辑区,并命名为“banner”
2.添加五个操作按钮,放在动态面板上,也可以适当美化一下效果,底部三个按钮变成原型,侧边的变成矩形,并调整透明度看起来更真实。
二.设置面板状态
1.双击动态面板元件,弹出动态面板设置弹窗,这里可以看到我们的动态面板有三个状态(state),我们在这里可以添加状态,也可以编辑状态。
这里我们双击选择State1,对State1进行编辑。
</