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

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

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

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

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

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

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

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

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

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

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

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

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

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

【原型地址】

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

相关推荐
微祎_1 小时前
构建一个 Flutter 点击速度测试器:深入解析实时交互、性能度量与响应式 UI 设计
flutter·ui·交互
心疼你的一切2 小时前
数字智人:CANN加速的实时数字人生成与交互
数据仓库·深度学习·aigc·交互·cann
晚霞的不甘2 小时前
Flutter for OpenHarmony 构建简洁高效的待办事项应用 实战解析
flutter·ui·前端框架·交互·鸿蒙
方见华Richard3 小时前
世毫九实验室技术优势拆解与对比分析(2026)
人工智能·交互·学习方法·原型模式·空间计算
哈__3 小时前
CANN加速多模态融合推理:跨模态对齐与特征交互优化
人工智能·交互
果粒蹬i4 小时前
【HarmonyOS】DAY8:React Native for OpenHarmony 实战:多端响应式布局与高可用交互设计
react native·交互·harmonyos
Betelgeuse7621 小时前
【Flutter For OpenHarmony】TechHub技术资讯界面开发
flutter·ui·华为·交互·harmonyos
产品经理邹继强21 小时前
VTC产品与创新篇④:产品战略全景图——从“造物者”到“生态设计师”
人工智能·产品经理
方见华Richard1 天前
AGI安全三大方向机构对比清单(2025-2026)
人工智能·经验分享·交互·原型模式·空间计算
铁蛋AI编程实战1 天前
最新 豆包4.0 实操手册:混合架构部署 + 实时交互 + 动态学习
学习·架构·交互