newheader
手机登录
账密登录
验证码图片
登录
还没有账号? 马上注册
手机登录
账密登录
验证码图片
忘记密码?
登录
还没有账号? 马上注册
欢迎注册陪学网账号
已经有账号? 马上登录
下拉列表中选择不同选项显示不同内容
陪学
2017-12-04 04:41:30
1425
0
我们在浏览网站的时候,经常会看到这样,打开一个下拉列表,选择列表中不同的选项。这时显示的内容会根据所选择的选项不同而显示不同的内容。这里简单演示一下在Axure中可以实现这种效果的简单的做法。

       我们在浏览网站的时候,经常会看到这样,打开一个下拉列表,选择列表中不同的选项。这时显示的内容会根据所选择的选项不同而显示不同的内容。这里简单演示一下在Axure中可以实现这种效果的简单的做法。

       那我们应该怎么去做呢?首先我们要有一个下拉列表,接着显示的内容可能有小伙伴想到了,没错,就是用动态面板去制作,将不同选项的内容分别制作到动态面板的不同状态页中。



       在下拉列表的选项改变时,设置动态面板的状态页。这里注意在设置状态页的时候,选择的状态页是与选中项相对应的状态页,这里可以用局部变量来记录所选择的选中项。


       看一看效果是什么样的


       当然,这个只是最简单的,如果大家做出来酷炫的,千万不要忘记跟大家一起分享哦!

长按二维码或加微信pexuepexue
进陪学产品交流群回复:资料分享
免费获取资料:每日更新 免费课程、学习资料、报告、招聘面试
标签:
登录 后参与讨论
发表
全部评论
没有更多评论了
newfooter
陪学网专注于产品管理类课程的开发与制作,
志在为产品经理、交互设计、平面设计、需求人员分享最新、最好的产品类课程。
陪学网:陪伴学习、陪伴成长
粤ICP备18075915号