[]
        
(Showing Draft Content)

创建母版页

观看本节视频

母版页用来设计共享部分的页面,可以给多个普通页面共享使用,例如可将导航栏设计在母版页中。使用母版页统一应用程序的外观。

母版页分为两种:手机母版页和普通母版页。普通页面只能应用普通母版页,手机页面只能应用手机母版页。

当一个页面使用了母版页,这个页面就成了母版页的子页面,它将出现在母版页的页面占位区。

创建普通母版页

创建普通母版页的方法有两种:

方法一 在功能区的菜单栏中,选择“创建->母版页”。


方法二 在对象管理器的母版页标签上,右击选择“创建新页面”。


在弹出“选择页面的模板”对话框中,选择一个母版页的模板,包括侧边菜单布局、顶部菜单布局和页面占位区三种页面模板。


选择模板后,单击“确定”,即可创建普通母版页。

创建手机母版页

创建手机母版页的方法有两种:

方法一 在功能区的菜单栏中,选择“创建->手机母版页”。


方法二 在对象管理器的母版页标签上,右击选择“创建手机页面”。


在弹出“选择页面的模板”对话框中,选择一个母版页的模板,包括底部菜单布局、顶部菜单布局和页面占位区三种页面模板。


选择模板后,单击“确定”,即可创建手机母版页。

调整页面占位区大小

母版页分为两部分:普通的单元格区域和页面占位区。您可以在普通单元格区域设计导航栏等共享部分,页面占位区则用来切换显示普通页面。

您可以调整页面占位区的大小,以显示普通页面。

操作步骤

1. 打开母版页,选中页面占位区,在功能菜单栏中选择“页面占位区-设计->调整大小”。

image

或是选择页面的占位区,右击,在右键菜单中选择“调整大小”。

image

2. 单击“调整大小”后,页面占位区将被蓝色的边框包围,拖动蓝色边框的四个角来调整大小和位置。

image

3. 单击“结束调整尺寸”结束调整。

应用母版页

为普通页面或手机页面应用母版页,统一应用程序的外观。

选择页面,右击选择“设置母版页”,在弹出的母版页列表中选择一个母版页即可应用。

普通页面只能应用普通母版页,手机页面只能应用手机母版页。


在对象管理器中,设置了母版页的页面右侧会出现图标。

当页面设置母版页后,会在页面中显示两条虚线来标明母版页页面占位区的长度和宽度界限。例如,页面1应用了母版页1,则页面1中虚线包围的区域即A1:S13区域的内容都将显示在页面中。


如果多个页面应用了同一个母版页,在页面跳转时不会刷新母版页。