【Axure高保真原型 】2级多选下拉列表_含标签

今天和大家分享2级多选下拉列表_含标签原型模板,效果包括:

【Axure高保真原型】2级多选下拉列表

查看子级选项------点击一级选项,可以在右侧查看对应的二级选项

选中或取消选中------点击多选按钮,可以选中或取消选中当前选项

全选效果------选中一级选项后,自动全选对应的2级选项

取消全选------取消选中一级选项后,自动取消选择所有对应的2级选项

自动反选------一级选项会根据对应二级选项选中的数量自动反选

1、如果子级选项全部选中,就会变成全选状态

2、如果子级选项全部未选中,就会变成未选状态

3、如果自己选项部分选中,就会变成半选状态

生成标签------选中选项后,会自动生成对应的标签,下拉框会根据标签数量自动调整尺寸

统计效果------考虑到选项较多时,如果都选中的话,下拉框就会变得很大,所以我们另外提供了一个统计效果的案例,选中的选项只显示第一个,其他的用数字来统计,例如选中了8个选项,我们就只显示第一个选项,后面的选项我们用+7来表示。

该模板用中继器制作,所以使用方便,只需在中继器表格中填写选项内容,既可以自动生成高保真的交互效果,具体效果可以打开下方原型地址体验

【原型地址】

https://axhub.im/ax9/09b38389df30358f/#g=1\&p=2级多选下拉列表__含标签

相关推荐
洋不写bug14 小时前
HTTP(二):万字解析HTTP交互的请求、响应报文格式
网络协议·http·交互·postman·请求格式·响应格式·restful规范
磊磊cpp17 小时前
CRC8 校验原理与实现详解(附可交互动画演示)
c++·交互
CappuccinoRose18 小时前
拖拽交互体系
前端·javascript·css·html·交互·1024程序员节
Tim0071 天前
火星来信:把华晨宇的音乐、舞台和我的现场记忆,装进一个会生长的知识库
产品经理
rolt1 天前
[存档]Alistair Cockburn-2003年11月UMLChina交流会
软件工程·产品经理·uml·敏捷开发·用例·cockburn
产品人卫朋1 天前
MTL如何把市场机会转化为有效销售线索?
人工智能·华为·产品经理·ipd流程·流程架构·mtl流程
stolentime2 天前
CF2277E Tree Guessing题解
c++·算法·贪心算法·交互·ad-hoc
CappuccinoRose2 天前
滚动交互体系
前端·javascript·交互·html5·1024程序员节
2601_954005622 天前
11 种触发 × 18 种行为:ricon 交互编排系统全解
前端·后端·物联网·数学建模·信息可视化·交互
程序猿追2 天前
连续触摸时,启元 T1 应该怎么回应?一个完整的 ROS 2 交互程序
microsoft·交互