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

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

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

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

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

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

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

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

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

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

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

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

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

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

【原型地址】

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

相关推荐
越来越无动于衷16 小时前
硬件与软件交互全解析:协议、控制与数据采集实践
交互
俞凡18 小时前
产品管理的第一性原理
产品经理
向懒羊羊学习的大猫1 天前
【互联网产品助理的成长之路(1)】需求设计的大致流程及思考
产品经理
Larry_Yanan1 天前
QML学习笔记(四十八)QML与C++交互:QML中可实例化C++对象
c++·笔记·qt·学习·ui·交互
2301_803554521 天前
c++调用客户端库与kafka交互
c++·kafka·交互
猫林老师2 天前
HarmonyOS语音交互与媒体会话开发实战
交互·harmonyos·媒体
2501_938780282 天前
《轨道交通检测系统中 Qt 与数据库交互的优化方案》
数据库·qt·交互
孟健2 天前
为什么你的 AI 产品总是做不起来?90%的人忽略了这两个底层模型
产品经理·创业
十八朵郁金香2 天前
【H5工具】一个简约高级感渐变海报H5设计工具
前端·javascript·产品运营·axure·个人开发
Hare_bai2 天前
WPF的MVVM模式核心架构与实现细节
ui·架构·c#·wpf·交互·xaml·mvvm