Axure教程:单选下拉列表集合(中继器填写表格即可使用)

4 评论 8699 浏览 23 收藏 4 分钟

今天给大家分享一组Axure高保真单选下拉列表。该原型使用简单,只需要填写中继器表格即可直接使用。喜欢该原型的小伙伴们可以在评论处给我留言哦。

原型演示地址:https://www.pmdaniu.com/storage/111512/6d0a203fe99809139640f278bd3b0832-69620/start.html

效果演示

1. 移入下拉列表

移入时,显示下拉列表,移出时隐藏。

2. 隐藏滚动条下拉列表

为了美观隐藏了滚动条,但依然保留滚动效果。中继器填写表格即可使用

3. 美化滚动条下拉列表

利用动态面板美化了滚动条的下拉列表。中继器填写表格即可使用。

4. 可搜索的下拉列表

可以进行模糊搜索,下拉列表能自适应大小。中继器填写表格即可使用。

5. 可搜索的下拉列表(可添加选项)

可以进行模糊搜索,下拉列表能自适应大小,如果搜索为空时,能手动添加选项。中继器填写表格即可使用。

6. 二级下拉列表

可以按照不同类别进行筛选和选择。中继器填写表格即可使用。

7. 三级下拉列表

可以按照不同类别进行筛选和选择。中继器填写表格即可使用。

今天的分享到这里就结束了,有问题或者想下载原型的小伙伴们可以在下方评论处给我留言哦,我们下期见。

 

本文由 @梓贤Vigo 原创发布于人人都是产品经理。未经许可,禁止转载

题图来自 Unsplash,基于CC0协议

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 原型预览及下载地址:
    https://axhub.im/ax9/042b0c52f140ea4e/#g=1

    来自广东 回复
  2. 大神,能给个源文件学习一下吗

    来自北京 回复
  3. 大神,能个源文件学习一下吗

    来自北京 回复
  4. 研究挺久想要实现这种效果,可否指点一下,给给原型文件学习

    来自北京 回复