天天看点

第41节-母版视图Master Views | 剑雨Axure RP9系列【基础】母版视图Master Views

母版视图Master Views

母版的视图主要方便在不同实例中定义不同的形式。一人母版视图的不同样式可以在实例中被选择。(有点像动态面板)。这样你可以在每一个实例中选择显示一个特定的母版视图。

第41节-母版视图Master Views | 剑雨Axure RP9系列【基础】母版视图Master Views

母版视图的添加

打开母版并进行编辑,在样式栏目中选择添加母版视图,添加完成后,如想删除,可点击右侧删除母版视图按钮。

第41节-母版视图Master Views | 剑雨Axure RP9系列【基础】母版视图Master Views

##视图的继承

视图中可包含层级结构。子视图可以继承来自父视图的样式。

第41节-母版视图Master Views | 剑雨Axure RP9系列【基础】母版视图Master Views
在父级视图上的样式操作将适用于以下所有的视图。

母版视图的编辑窗口

一旦您创建了母版视图,你可以在画布的上图操作它们。视图的颜色能够简单明了地表明当下的编辑是否对其有影响。

  • 蓝绿色:当前编辑对其适用;
  • 黄色:当下显示的是子视图,编辑对其适用;
  • 灰色:当下显示的是父视图,编辑对其不适用;
  • 绿色:所有视图被选中,编辑对所有视图适用。

    如果您更改一个子视图中某个元件的样式,然后在父视图中更改该元件的样式,则不会影响子视图中该元件的样式。

提示:为更好地使用母版视图的继承功能,建议您从父级视图开始设置,一步步地往下设置。

Cross-View Widget Properties

第41节-母版视图Master Views | 剑雨Axure RP9系列【基础】母版视图Master Views

使用定义好的母版视图

在页面上添加一个母版的实例后,在母版视图的Listk 中可选择哪个视图适用于本实例。如下所示:

第41节-母版视图Master Views | 剑雨Axure RP9系列【基础】母版视图Master Views

## 母版视图和自适应视图的结合

可以将母版视图设置为与自适应视图集一起使用。确保母版视图与自适应视图具有相同的名称和继承结构,并且母版视图将在浏览器中自动切换以及自适应视图。

(PS:后期高级教程中进一步讲解)

继续阅读