跳到主要内容

创建使用母版

母版是部件的集合,你可以集中维护并在整个项目中重复使用。你对母版所作的更改将自动更新到项目中的每个母版实例。

通常创建为母版的元素包括页眉,页脚和导航栏,因为它们在网站或应用程序的每个页面上通常都相同。

创建母版


创建母版有两个工作流程:

从部件创建母版

你可以从已添加到画布的部件中创建母版,方法是选择它们,右键单击,然后在上下文菜单中选择“创建母版”。 这些小部件将完全保留在画布上的位置,但现在它们将成为“新母版”的第一个实例,在“母版”窗格中列出。

注意

如果要跳过从现部件创建的母版的命名,则可以在“创建母版”对话框中选中“不显示”复选框。 以后你可以在应用程序首选项菜单的“母版”选项卡上取消选中此选择。

在母版窗格中创建

你也可以通过单击“母版”窗格右上方的“添加母版”图标来创建空白母版。

编辑母版


要编辑母版及其包含的部件,请在“母版”窗格中双击其名称,或双击已添加到画布中的任何实例。 母版将在画布上的新选项卡中打开。

母版的类页面属性

除了其包含的部件之外,母版还具有可以配置的类似页面的属性:

  • 画布颜色**: **你可以更改母版的画布颜色,以简化设计过程。例如,在使用浅色文本和部件填充颜色时,可以将画布设置为深色。仅当你编辑母版本身时,此画布颜色才可见。它不会出现在你添加母版的页面上。
  • 页面注释: 在“注释”窗格的顶部,可以使用“页面概述”字段输入有关母版本身的注释。 你可以在“页面和窗口部件注释”文章中了解有关使用注释的更多信息。
  • 页面交互: 你在母版中的页面级事件下创建的交互会与你添加母版的页面的页面事件一起触发。 例如,如果你在母版中创建“页面加载”交互,则当包含母版的页面加载到Web浏览器中时,将发生该交互。
  • 母版视图: 与自适应视图相似,母版视图是可以为希望使用该母版视图的不同情景创建的备用版本。 它们使你可以一次创建母版,然后针对您的每个情景重新排列,调整其大小和样式。 要了解更多信息,请查看“母版视图”文章。

添加母版到画布


要将母版添加到页面或另一个母版,请将其从“母版”窗格拖放到画布上。 母版出现在画布上,被红色覆盖物掩盖。 您可以在视图 → 遮罩中切换母版遮罩。

注意

遮罩不会在浏览器中展示。

你还可以一次将母版添加到多个页面,也可以一次在多个页面中删除母版,方法是在“母版”窗格中右键单击它,然后选择“添加到页面”或“从页面中删除”。

拖放行为

你可以通过更改其“拖放行为”来更改每个母版实例添加到画布时的行为。 为此,请在“母版”窗格中右键单击母版,然后从“拖放行为”下的以下选项中进行选择:

  • 任意位置 (默认): .允许你将母版实例放置在画布上所需的任何坐标处。
  • 固定母版位置: 将母版的所有实例限制为母版自己的画布上部件的确切坐标。 此外,母版只能将一个实例添加到页面或另一个母版中,因为后续实例将与第一个实例重叠。

注意

通过右键单击母版实例并在上下文菜单中选择“锁定到母版位置”,可以逐个将母版实例切换此行为。

  • 脱离母版: 当拖放至画布上时,母版实例立即变为不再与源母版关联的常规窗口部件。

注意

你还可以通过右键菜单单击并在上下文菜单中选择“脱离母版”来脱离单个实例。

文本和图像覆盖

将母版实例添加到画布后,可以使用“样式”窗格的“覆盖”部分来更改实例中部件上的文本和图像。

使用报告

通过在“母版”窗格中右键单击母版并选择“使用情况报告”,可以快速查看将母版添加到哪些页面。

交互


与母版的所有其他方面一样,它的交互以及它所包含部件的交互仅存在于母版中,并且在项目中的所有实例之间都是一致的。 如果您需要在母版中进行交互以影响母版外部的窗口小部件,或者你希望对母版的每个实例进行不同的交互,请使用引发事件。