Axure RP 9 超级教程：自适应视图（Adaptive View Set）

本文适用于（非）汉化版Axure RP9 自适应视图 入门操作

废话不表，直接如题。

以下为详细步骤：

1. 新建页面，名称自定，如“自适应”。

新建页面

2. 选择Project下的Adaptive View Sets...项。

选择Adaptive View Sets

3. 弹出自适应设置框，点击“+Add”

自适应设置框

4. 弹出新增自适应页面：

新增自适应页面

5. 点击Presets(预制)，弹出不同平台以及不同型号大小的显示规格，根据需要选择自己需要的规格

Presets预制选择

已选择Presets预制

6. 选择设置好后，点OK返回主界面，再style处，可以看到“Add Adaptive View”。

7. 点击“Add Adaptive View”，显示如下图：

        在设计面板的上，我们可以看到所选视图的标签。默认我们身处在基础视图。当前视图的标签为蓝绿色，子视图的标签为黄色，父视图标签为灰色。视图标签按照“辈分”由高到低的关系，从左至右，依次排列。

视图的标签

8. 任意给页面添加一个控件，比如：添加个矩形框，在右侧，选择InterAction，添加链接，选择Link Action 下的Open Link，选择“自适应”页面，如下图

添加控件

选择自适应

9. 页面预览，选择不同规格，自适应不同效果

效果1

效果2