第二个下拉列表的值根据第一个变化_【Axure】动态面板的理解与下拉列表的联动...

495bb1984d93c10267481a273462c197.png

刚开始学axure,发现入门还是蛮简单的,所以从现在开始写一些自己体会的内容,以后忘记了也可以来翻阅一下。

因为是入门,所以内容肯定是很简单的,但是本文也不会致力于写教程一样那么详细,还是侧重于自己的理解,把一个小知识点吃透。

这里做一个demo,以展示动态面板的基础用法增加对其的理解。

我们都知道,Axure中的动态面板的含义就是一个有多种状态的板子。每一种状态下还可以挂不同的状态。所以在原型设计中遇到点击不同按钮有不同状态的情况可以考虑使用动态面板。

此处以下拉列表的联动为例,大概讲一下。

首先我们要准备一个省份选择的下拉列表,就是第一个选项表,再后面的下拉列表都要基于这个列表的选项变化;

b01b6f26e940d822323061a47a4b8835.png

第二步,我们增加一个动态面板,目的就是利用动态面板可以设置多个状态,并且可以根据动作切换;

1be7f649f7faddbda66e78ff022a82a0.png

第三步,我们双击这个动态面板,然后就会进到状态1的情况,我们在状态1中加入一个下拉列表,用来填写市的选择;

fdd3553f6063cc446db51563a73331d8.png

8662bc0cd97d2db2a152d8b179ebc090.png

第四步就要加上其他的状态,每个状态都增加一个下拉列表,用来展示不同省的城市选择;

57b9b5000f5e910092d5a286c2b6cc93.png

第五步把省级选择的下拉列表增加交互,比如选择湖北省时,面板展示为湖北城市列表的状态,用起来很方便。

d0c1818f7e913c7a251e500ac509c127.png

动态面板不光可以用来这种多状态的选择,设计原型时,比如文字的滚动,某些组件的平移,只要时有动作的内容,都可以考虑使用动态面板来实现。

当然方案不止一个,大家可以自由选择。

不知道大家对动态面板理解的怎么样了,Ta就像桌子上边的一层玻璃,上边还可以放一些经常使用的东西,东西可以随着这块玻璃板动而动。

你要是不知道桌子上为啥会有一块玻璃,那么表示你还年轻。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值