今天主要讲解如何使用母版和函数来制作导航。

下图是一个导航栏，“知识中心”、“流程中心”、“用户中心”分别对应三个页面page1 page2 page3。

page1

page2

page3

思路：

三个页面都有统一的导航栏（除了三角符号），所以应该将其做成一个母版，就是抽取出共性出来。那么怎么保证在点击任何一个选项的时候都能切换到正确的页面，并且那个页面也显示正确的三角形位置呢？可以把这个母版用动态面板这个元件来做，设计出三个状态，并且这三个状态的名字要跟页面的名字保持一致。并且在每个页面加载的时候，增加加载的动作“设置动态面板状态”。

母版设计如下：

每个选项都设置“鼠标点击动作”

设计完之后，如何转化为母版呢？在index里选中所有元件，右键单击，选择“转换母版”，此时就可以在母版窗口里看到新增的母版。可以右击新增的母版，选择“添加到页面”，可以选中page1~page3，让他们都有一样的导航栏。

最后，打开page1~page3，点击“页面加载”事件，选择切换面板状态，如下：

到此完成。

奈斯