这一步是通过将内容片断分配给正在使用的布局的相应区域来配置页面。
双击PAGE文件，在Automation Studio工作区的 可视化编辑器中打开它 。
|
页面文件需要一个唯一的ID，可以在可视化对象中作为参考。此外， 要使用的 布局 必须在属性 layoutId 中被引用 。
通过在工作区中选择一个区域， 该区域的分配 属性会显示在属性窗口中。 必须为每个区域分配相应的内容。
|
对Page2重复同样的程序（尽管AreaMain的页面名称和内容片段必须做相应的调整）。
配置内容块的背景颜色
当在内容编辑器中开发时，一块内容没有背景颜色。这只能在给一个区域分配属性 backColor时定义 ，比如说。
在这个例子中， Page1Content使用 rgba(204, 255, 153,1) ， Page2Content 使用rgba(153, 204, 255,1) ， NavigationContent使用rgba(0, 89, 179, 1)。
配置颜色和颜色梯度在 主题和样式部分有记载 。
在下一步中， HMI应用程序 将从配置视图中先前创建的页面进行配置。