之前和大家分享了 《Axure教程:单选下拉列表集合(中继器填写表格即可使用)》、《Axure教程:分级下拉列表》,很多同学私信我说很好使用,希望能够做一个多选下拉列表的教程
所以今天就和大家分享怎么用中继器制作多选下拉列表。该原型制作完成后,下次使用简单,只需要填写中继器表格即可。
下面是多选下拉列表的效果介绍,如果想看单选或者多级下拉列表的同学可以看回我之前的文章,或者点击上面原型预览地址查看。
效果演示
1. 整体效果
2. 选中和取消选中
3. 查看全部已选中的标签
默认显示2个标签,鼠标移入看查看全部标签
4. 删除标签取消选中
5. 模糊搜索效果
6. 添加选项效果
7. 全选和全部取消效果
制作教程
1. 制作材料
分为几部分,下拉框和弹出列表,如果需要搜索的话还需要搜索框