手机版

如何在Axure rp中设置和使用自适应视图?关于如何在Axure rp中设置和使用自适应视图的教程

时间:2021-08-08 来源:互联网 编辑:宝哥软件园 浏览:

如何在Axure rp中设置和使用自适应视图?最近很多使用AXURRP的朋友都在问:如何在AXURRP中设置和使用自适应视图。今天,边肖将为您带来在AXURRP中设置和使用自适应视图的方法步骤。

方法/步骤

1.单击菜单,项目|自适应视图

Axure  rp中如何设置与使用自适应视图?Axure  rp中设置与使用自适应视图的方法教程

2.打开自适应视图窗口。默认为基本视图。

Axure  rp中如何设置与使用自适应视图?Axure  rp中设置与使用自适应视图的方法教程

3.单击右侧的预设下拉框,设置不同分辨率的视图。

Axure  rp中如何设置与使用自适应视图?Axure  rp中设置与使用自适应视图的方法教程

4.选择高分辨率选项,点击绿色加号按钮,选择平板水平选择,从而设置分辨率为1024和1200。

Axure  rp中如何设置与使用自适应视图?Axure  rp中设置与使用自适应视图的方法教程

5.创建一个名为“自适应视图”的新页面,并在查看区域中选中“启用自适应”,您会发现先前设置的视图将显示在工作区域上方。

Axure  rp中如何设置与使用自适应视图?Axure  rp中设置与使用自适应视图的方法教程

6.将图片元素拖到页面上,并向其中添加鼠标触发事件。在用例编辑窗口中,选择“添加操作”下的自适应视图,在正确的配置操作中有三个视图可供选择。

Axure  rp中如何设置与使用自适应视图?Axure  rp中设置与使用自适应视图的方法教程

7.配置后预览,调整浏览器窗口大小,页面随之变化,实现自适应效果。

Axure  rp中如何设置与使用自适应视图?Axure  rp中设置与使用自适应视图的方法教程

这是用于设置和使用自适应视图的Axure rp方法教程。你学会了吗?如果你想了解更多的软件教程,请关注系统之家。我们每天都为大家提供各种软件教程。

版权声明:如何在Axure rp中设置和使用自适应视图?关于如何在Axure rp中设置和使用自适应视图的教程是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。

相关文章推荐