Skip to content
Main Navigationaxure10

外观

Sidebar Navigation

axure10

Axure RP安装与激活

01-Windows上安装

02-macOS上安装

03-Axure激活方法

04-Axure汉化流程

05-Chrome插件安装

入门

01-Axure RP入门

02-Axure RP操作界面

03-预览和共享原型

04-功能快捷键

05-自动保存备份文件

元件的使用

01-元件的基础操作

02-元件组合

03-元件样式

04-元件库

05-网格,辅助线和边界对齐

基础元件

01-形状元件

02-图像元件

03-热区元件

04-线条和箭头

05-动态面板

06-内联框架

07-文本框与多行文本框

08-下拉列表

09-列表框

10-复选框

11-单选按钮

12-树元件

13-表格

14-经典菜单

15-快照元件

页面的使用

01-管理页面

02-页面样式

母版

01-创建和使用母版

02-母版视图

03-引发事件

交互介绍

01-事件、用例和动作

02-事件清单

03-动作清单

04-文本链接

05-交互样式

06-动画

高级交互

01-变量

02-条件逻辑

03-数学、函数和表达式

04-选项组

05-移动动作边界

中继器

01-中继器

02-动态添加行

03-动态删除行

04-更新行

05-标记行

06-排序行

07-过滤行

08-分页

自适应视图

01-自适应视图

记录您的原型

01-页面和元件注释

02-Word说明书

03-打印

流程图

01-流程图

02-流程连接器

发布你的原型

01-原型播放器

02-自定义HTML输出

03-Web 字体和字体映射

团队项目

01-创建和共享团队项目

02-使用团队项目

03-团队项目历史

04-对团队项目进行故障排除

05-将团队项目升级到RP10

此页内容
Table of Contents for current page

02-母版视图

1551字约5分钟

2024-06-04

母版视图-Axure教程

母版视图是为特定上下文设计的母版的替代版本。它们允许您在一个母版中创建许多视图,然后在每个视图中重新排列、调整大小和设置其元件的样式以适应您打算使用它的每个上下文。将母版的实例添加到画布时,您可以选择要显示的视图.

创建视图

要将母版视图添加到母版,首先在画布上打开母版进行编辑。单击画布,然后单击“样式”窗格中的“添加母版视图”以打开“母版视图”对话框,您将在其中创建和管理视图。

要从母版中移除母版视图,请单击样式窗格右上角的移除视图。

母版视图继承

母版视图被组织成继承链。链中的第一个链接,即所有其他人继承的视图,是基础视图。您添加的每个视图都直接从基本视图或链中的另一个视图继承其元件和元件属性。

例如,按钮母版的继承链可能如下所示:

主要按钮(基础)> 次要按钮 > 文本链接按钮

  • 在主按钮视图中所做的编辑也将反映在辅助按钮和文本链接按钮视图中。

  • 在辅助按钮视图中所做的编辑将反映在文本链接按钮视图中,但不会反映在主按钮视图中。

  • 在文本链接按钮视图中所做的编辑只会影响该视图。

在母版视图中编辑图表

将母版视图添加到母版后,您可以通过单击画布顶部的名称来访问每个视图。视图名称的颜色表示它是否会受到您在画布上所做的编辑的影响:

  • 深蓝色:当前显示在画布上的视图。编辑将影响此视图。

  • 浅蓝:“影响所有视图”复选框被选中,编辑将影响所有视图。

  • 灰色:“影响所有视图”复选框没有选中,编辑不会影响其它视图。

此外,如果您在子视图中编辑元件属性,则在父视图中对同一属性的编辑将不再影响子视图。例如,如果您在子视图中将按钮的填充颜色更改为粉红色,然后在父视图中将相同按钮的填充颜色更改为绿色,则该按钮在子视图中仍将是粉红色,而不是绿色。

为了充分利用母版视图编辑继承的优势,我们建议您采用自上而下的方法来编辑您的图表,从基础视图开始,然后沿着链向下工作。

交叉视图元件属性

您可以跨母版视图自由更改元件的视觉样式、大小和位置。但是,某些元件属性在每个视图中始终相同。这些包括文本、注释和交互/交互属性。在一个视图中对元件进行编辑将始终影响所有其他视图。

此外,特殊的元件属性,如下拉列表元件中的选项、表格元件中的行和列以及树元件中的节点,也可以跨视图共享。

如果您需要不同视图展示不同元件属性,请为每个变体创建元件的附加副本,并使用“取消放置”功能(看下节)来决定在每个视图中显示的元件版本。

未放置的元件

“未放置”元件是包含在某些母版视图中但不包含在其他视图中的元件。已从当前视图中取消放置的所有元件在“大纲”窗格中以橙色列出。

为确保您在“大纲”窗格中看到已放置和未放置的元件,请单击窗格右上角的“排序和过滤”图标并选择已放置或未放置。

有两种方法可以从视图中取消放置元件:

  • 您可以通过右键单击大纲窗格中的元件并选择从视图中取消放置来从当前视图及其子视图中取消放置元件。您也可以通过选择元件并按DELETE来执行此操作。

  • 如果您向子视图添加新元件,该元件将自动从所有父视图中取消放置(除非选中“影响所有视图”)。

如果您DELETE的是基础视图中的元件或选中“影响所有视图”时,小部件将不会被取消放置;相反,它将从所有视图中删除。

您可以将未放置的元件放置在当前视图及其子视图中,方法是右键单击它并选择放置在视图中。

要从所有视图中完全删除元件,请右键单击它并选择从所有视图中删除。这将从母版中完全删除元件,而不仅仅是将其隐藏。

在画布上选择元件视图

当您将母版实例添加到画布时,使用样式窗格中的母版视图下拉菜单选择要显示的视图。

母版视图和自适应视图

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



—— 作者:Axure工坊,智新信息科技(广州)有限公司旗下的原创软件与互联网原型作品、素材、模板的共享交易平台,提供PC、APP、小程序、WEB等各端及电商、O2O、门户网、大数据等各行业的原型设计资源。

—— 官网:www.axured.cn

—— Axure交流群:681760590

—— 作品中心:原型作品及元件库下载

上一页01-创建和使用母版
下一页03-引发事件

Copyright © 2019-2024 axured.cn All rights reserved Axured