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

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

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

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

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

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

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

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

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

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

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

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

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

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

【原型地址】

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

相关推荐
枣树一2 小时前
2025.6.3 解构产品经理
产品运营·产品经理·需求分析
LLEN_2 小时前
产品经理课程(九)
产品经理
LLEN_2 小时前
产品经理课程(十一)
产品经理
产品何同学13 小时前
数据分析后台设计指南:实战案例解析与5大设计要点总结
数据挖掘·数据分析·产品经理·墨刀·原型设计·后台管理系统·数据分析后台
人机与认知实验室20 小时前
如何创造出一种不同于程序语言的人与机器自然交互语言?
交互
人机与认知实验室20 小时前
有人-无人(人机)交互记忆、共享心智模型与AI准确率的边际提升
人工智能·交互
格调UI成品1 天前
从混乱到秩序:探索管理系统如何彻底改变工作流程
信息可视化·交互
行云流水剑1 天前
【学习记录】深入解析 AI 交互中的五大核心概念:Prompt、Agent、MCP、Function Calling 与 Tools
人工智能·学习·交互
梓贤Vigo2 天前
【Axure高保真原型】图片列表添加和删除图片
axure
害羞的白菜2 天前
基于Axure+墨刀设计的电梯管理系统云台ERP的中保真原型图
数据分析·产品经理·axure·项目经理·墨刀