亲爱的小伙伴,在您浏览之前,烦请关注一下,在此深表感谢!
Axure产品经理精品视频课已登录CSDN可点击学习https://edu.csdn.net/course/detail/40420
课程主题:三级下拉菜单
主要内容:条件筛选时的逻辑判断思维,中继器使用
应用场景:复合条件下的下拉列表制作
案例展示:
案例视频:
20250428_101005
正文内容:
实现的整体逻辑是利用文本框和中继器制作“伪下拉列表”,从应用场景上广泛应用于后台类型选择框、电商类的类目选择框、物联网平台类型选择框,是中高级产品经理必须掌握的重要知识点。
制作难点:用户应用场景下的逻辑判断,实现难度中等;
逻辑判断分析:
1、当用户单击每一个文本框时需支持弹出对应的中继器以此来展示内容;
2、当用户单击省级文本框时判断复选框是否选中以此来显隐市级文本框,市级同理;
3、当用户省市县三级全部选择后,文本框需支持选中内容的呈现;
4、当用户选择省级后,未选择市县需出现提示语,市县级同理;
5、当用户全部不选择的显隐交互设计;
步骤分析:
1、制作基本分级文本框组合;
2、制作条件中继器;
3、添加复选框作为逻辑判断的触发;
4、添加提示语增强逻辑判断;
5、利用热区优化逻辑判断;
实现截图:
图1
图2
图3
图4
图5
图6
图7
图8
图9
图10
图11
图12
图13
图14
对县级提示语的判断
图15
图16
图17
热区的条件
图18
以上完成了整体制作,当然也可以进一步进行显示优化,如下
本课小结:利用中继器+文本框组合实现伪下拉列表,重要的不是中继器怎么用,是基于业务场景的逻辑判断,也是初级、中级、高级产品经理设计水平的分水岭,好的产品经理能更多的去考虑用户应用的实际场景,而不是单纯的去实现内容的显示,希望大家通过案例理解用户应用场景与axure的融合应用。
相关课程直通车:
Axure疑难杂症:全局变量典型应用及思考逻辑(玩转全局变量)-CSDN博客
Axure疑难杂症:完美解决中继器数据互通、增删改查(玩转中继器)_为什么axure中继器增加列之后数据不同步更新-CSDN博客
Axure疑难杂症:完美解决文本框读取、赋值、计数(玩转文本框)_axure获取文本框内容-CSDN博客
Axure疑难杂症:完美解决中继器筛选问题(时间条件筛选、任性筛选)_在axure中通过活动时间大致范围来搜索中继器表格-CSDN博客
如有其他相关问题,欢迎私信沟通,关注 结构化知识课堂-CSDN博客
明天的产品大咖就是你,创作不易,麻烦关注一下,点赞+收藏,感谢大家!