香港马会开奖结果直播Axure进阶:使用中继器制作

发表时间:2019-11-07

  平面化的菜单设计,每个页面单独设计对应的菜单,即每个页面的菜单是分开的,不同菜单页面之间没有关联性,这种方法比较简单直接,但是每一个页面都需要重新画一次菜单,尤其是需要调整菜单内各个页面之间的排序或增加新页面的时候,为了一个页面的变动需要重新把所有的页面的菜单改过来,两性知识:长期没有性生活身体会发生怎,最终的导致花了很多不必要的时间在原型的修改上。

  由于在不同的页面,菜单的展示样式是不一样的,需要高亮的菜单栏也是不一样的,如下图,当你打开京东“配送服务查询”页面的时候,高亮对应的二级菜单栏,且对应的一级菜单栏“配送方式”会展开,但是当你打开“订单查询”页面时,高亮订单查询页面并展开一级菜单栏“订单百事通”;因此,我最开始使用母版的时候,只是单纯的利用母版来进行复制粘贴的效率,每次都是将母版拖到对应的页面,在脱离母版后对菜单进行修改,但是这个方式依旧是低效率的。

  经历了前面两次尝试之后,我发现除了需要使用母版来让菜单变得可以复用,还需要让菜单可以交互并应用于不同的页面,以达到真实的模仿页面点击效果的目的;所以开始使用动态面板来制作我的菜单,了解动态面板的都知道,动态面板的主要作用是通过不同的触发条件来切换不同的显示状态,17455金神童论坛。所以只需要先布局好一级菜单栏,然后在一级菜单栏的基础上添加交互效果,控制动态面板显示不同的二级菜单栏。

  1.添加一个母版并进行命名,在母版中布局好一级菜单栏,和二级菜单栏,并给菜单栏命名:一级菜单栏分别命名为“yjcd1,“yjcd2,“yjcd2,添加一个动态面板,该动态面板命名为“erjicd,为该动态面板添加面板,将二级子菜单分别放入不同的面板,并给每个面板进行命名,如下图:

  2.设置交互效果,交互效果最终需要实现点击每个一级菜单栏,对应的动态面板分别显示对应的二级菜单栏,香港马会开奖结果直播,所以需要引入一个全局变量“ejcd”,点击不同的一级菜单栏,会设置为不同的全局变量值,最终在页面加载的时候,先根据全局变量值判断动态面板需要怎么显示,如下图:

  交互效果1:设置值于ejcd==1目的是修改全局变量,使在点击二级子菜单的时候,跳转新页面,新页面加载的时候根据全局变量显示不同的二级菜单栏;

  交互效果2:设置erjicd为商品的目的是修改当前页面的二级子菜单状态,使得点击不同的一级子菜单均可以在本页面切换查看不同的二级子菜单目录)。

  4.设置页面加载效果,每次跳转到新页面时,根据全局变量ejcd分别显示不同的二级子菜单目录:

  在中继器元件中添加列“name”作为二级菜单栏名称;添加列“sjid”将二级菜单和一级菜单栏联系在一起(用数据库的思维可以理解为对应一级菜单栏的外键);将一级菜单栏进行编号,如:商品管理对应1,销售管理对应2;将二级菜单栏名称和一级菜单栏编号分别添加到中继器的数据集中,如下图所示:

  但正如你文章其他人的评价及你的回复中提到的:1,一级菜单和二级菜单数都是不固定的,对于该问题你还需要进一步处理;2,二级菜单点击跳转效果还需要进一步设置,且不同的二级菜单交互效果需要分开去设置;3,我的做法中还包括了在点击二级菜单跳转的目的页面,默认展示对应二级菜单列表的一个效果

  总而言之:结合实际设计场景考虑,你的做法无法完全满足需求,可以进一步处理(当然,在你的文章评论中你已经给出的对应的处理方案,具体效果可以验证一下),无论怎样,你给出的设计思路是非常值得学习的

  另外,提出一个观点仅供探讨:我们的方法的区别在于是通过筛选还是显示/隐藏来实现展开的效果,个人觉得在概念上需要将信息分层次进行处理,一级菜单的增删改查和二级菜单的增删改查都分别独立放在一起,这样子更有利于进行后期的维护,拓展性也会更好

  本人对于原型设计研究的不是特别深,有问题的地方欢迎大家指出

  直播报名开启 从AI、SaaS、增长、品牌、数据…16个维度,看产品经理能力变革!

  人人都是产品经理(是以产品经理、运营为核心的学习、交流、分享平台,集媒体、培训、社群为一体,全方位服务产品人和运营人,成立9年举办在线+期,线+场,产品经理大会、运营大会20+场,覆盖北上广深杭成都等15个城市,在行业有较高的影响力和知名度。平台聚集了众多BAT美团京东滴滴360小米网易等知名互联网公司产品总监和运营总监,他们在这里与你一起成长。