本文适用于(非)汉化版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