axure原型怎么让文字自动换行_Axure动态面板教程(快速入门+轮播图案例)

8ae97bc1bcdcddca6afd23ff8a866e92.png

动态面板(Dynamic Panel)是Axure的核心功能之一,但很多初学者都反馈理解有难度,今天用一个简单的例子让大家快速掌握它,并且学会做一个常用的轮播图。

12月21日更新:B站视频版教程:

Axure动态面板快速入门,轮播图效果_哔哩哔哩 (゜-゜)つロ 干杯~-bilibili​www.bilibili.com
e3dbcb08e6f0b5dffc12f5ff83449cac.png

ffdbf542824d3da20ee171bcb59f84bb.png

首先理解一个概念:什么是动态面板?用来做什么?

动态面板就是多个页面按照“状态划分”合成一个元件,然后通过某种“动作”驱动展示。

c3391fef1ec271f1fba87d1ced34e8e6.png

这张图是Axure中动态面板的图标,非常贴切。

有三个状态(states)的面板“灰黑蓝”,通过动作(Action)来控制具体展示哪个状态。

所以:动态面板 = 状态面板 + 动作

案例开始:Banner轮播图

一、添加基本元件

1.在左侧工具栏拖动一个动态面板进入编辑区,并命名为“banner”

05bfa822dcdbb430a955c7fd8eff22fa.png

2.添加五个操作按钮,放在动态面板上,也可以适当美化一下效果,底部三个按钮变成原型,侧边的变成矩形,并调整透明度看起来更真实。

e854d5517cc08e6724f305be8e29c1dc.png

二.设置面板状态

1.双击动态面板元件,弹出动态面板设置弹窗,这里可以看到我们的动态面板有三个状态(state),我们在这里可以添加状态,也可以编辑状态。

这里我们双击选择State1,对State1进行编辑。

75c75823da22f7d0226dc175eb862329.png </
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值