Axure学习:网站后台导航菜单的制作及对应内容的显示

不少产品经理主要做的产品是后台系统,在做后台原型的时候对于有些部分的内容存在一些疑惑。 

我们的学员也是一样,在做后台的时候遇到了一些问题,请教了老师,得到了解答。这里和大家分享一下,同学们的问题以及解决方法,希望能给大家一些帮助。

同学们的问题主要集中在后台的导航菜单,以及相对应界面的显示上。因为问到的问题具体是涉及到同学正在做的工作,所以不方便将同学原本的图片等展示出来。为了方便解释,这里换了一个例子。     

             

那慢慢一个个问题来看。

 

1、动态面板和母版

这里的问题主要是对于菜单部分的疑问。这位同学主要的问题在于对动态面板和母版的理解存在一些错误。

在axure中来说,动态面板和母版是两个不存在互斥关系的内容。动态面板是一个基础部件,在任何页面,包括母版页面中都可以使用。甚至动态面板本身的状态页面中都可以再次使用动态面板。

母版我们可以看成“模板”,它是一个可以套用、修改的内容。母版一般是我们自己利用基础部件进行制作的,包括动态面板在内均可使用。

总体来说,动态面板中可以使用母版,母版中也可使用动态面板。比如以这个例子来讲,可以这么做。

建立一个母版,母版的主要内容是导航菜单。使用母版的原因是,在后台的大多数页面都会使用到这个导航菜单,可以复用。

菜单使用动态面板制作。为什么呢?因为这里的菜单包含了一级菜单和二级菜单,可以对菜单进行展开和收起的操作。用动态面板制作两个不同的状态即可。

展开收起的操作刚好也有同学像老师请教过,所以这里一起给出答案了。当然不用动态面板也是可以的,只是其中的一种较为方便的做法。


2、选中和选中样式

这里同学遇到的问题是,在点击导航进入新的页面,但是选中的设置是在原来的页面中设置的。所以导致新的页面没有办法显示选中的样式。

菜单在按照前面母版的做法做好之后,在母版中可以设置点击之后进行也买你的跳转。比如,点击内容管理-思想观点,跳转到思想观点的页面。

为了避免跟同学一样的情况,我们在进入新的页面之后再去设置菜单的选中及样式。打开跳转的页面,在页面载入的时候,设置内容管理和思想观点为选中。注意不要忘记在母版中设置内容管理和思想观点选中时的交互样式。

这样设置好之后,就可以在跳转到某个页面之后,对应的菜单保持选中时的交互样式。

 

3、善用内部框架

前面的做法可能会有朋友觉得麻烦,想要找一下有没有简单的方法。答案是有的。我们可以用内部框架去完成。

在母版页面中,菜单的旁边搭建一个内部框架。确定好位置

在母版的菜单中,设置点击菜单选项时,选项为选中的同时。设置在内部框架中打开“思想观点”的页面即可。

最终的效果也是一样是我们想要的。

注意:用这种方法做的话,被打开的页面必须不包括母版的内容在内,不然会造成元素的重复。

前面提问的同学是在自己的工作当中遇到的问题,然后寻求老师的帮助。这是在学习任务之外的内容,也是VIP同学能够享受到的另外的服务:发现问题即可寻求老师的帮助进行解决,在一定程度上减轻了同学们的负担。

你可能感兴趣的:(Axure学习:网站后台导航菜单的制作及对应内容的显示)