品牌型号：联想Yoga 14Sitl

系统：Windows 10 64位专业版

软件版本：Axure rp 9

Axure RP不仅能用来做网页原型，也适合搭建移动端界面，满足多设备的设计需求。通过设置响应式布局，还可以模拟不同屏幕下的适配效果，让设计更灵活、更贴近实际使用。下面就为大家介绍Axure RP能做移动端吗，Axure RP响应式布局教程的相关内容。

一、Axure RP能做移动端吗

是完全可以的，这是Axure的核心功能之一，Axure中有内置的移动端模式，能够模拟手机的尺寸、手势等。我们通过以下三个步骤可以在Axure中做移动端。

1、页面设置。默认情况下，Axure页面是Auto模式，也就是自由画布，画布的范围无限大。我们在右侧可以将画布设置为手机的尺寸。Axure提供了苹果和安卓部分机型。如果想用的机型这里没有提供，还可以通过自定义设备规定尺寸。

2、绘制界面。选择了移动端的尺寸后，画布范围会变小，我们只有在画布空间范围内放置的元件才会显示出来，超过的会被隐藏。虚线表示的是移动端的首屏高度，超过虚线范围的要滑动界面后才可以看到。

3、预览界面。点击预览后，中间显示的区域就是对应的手机界面。鼠标指针会变成黑色的圆形，用来模拟手指指尖，要滚动界面需要拖拽界面。也可以将Axure的分享导出为链接，放到手机上预览，效果会更加真实。和Figma不同，Axure默认的移动端预览是不带外部的手机样机的，如果需要样机，需要自己在画布本地里先放置。

二、Axure RP响应式布局教程

响应式设计是指页面能根据不同设备尺寸进行适配，自动调整布局与元素大小。虽然Axure RP并不支持像CSS那样的百分比布局，但通过条件逻辑、交互事件等方式，仍可模拟出类似响应式体验。我们用以下的案例做一个简单的模拟。

1、构建界面。往画布中放置一个矩形，打上导航的样式，我们让这个导航条能够根据打开的窗口大小响应式适配。

2、添加交互。选中这个矩形，找到【载入时】事件，表示一旦打开页面就开始做响应式处理。动作选择【设置尺寸】，让目前元件的尺寸等于浏览器窗口的宽度。窗口的宽度可以通过【fx】中的页面函数[[Window.width]]获得。

3、预览测试。我们点击预览，可以看到导航条被拉长到和页面宽度一致，我们缩放浏览器窗口，导航条随时会跟随，始终和页面宽度一致。这是一个简单的示例，对其他元素的响应式布局处理是类似的，我们只要把页面的每个元素都做一次这样的交互事件就可以实现。

以上就是Axure RP能做移动端吗，Axure RP响应式布局教程的相关内容。Axure RP也支持做移动端的原型，能模拟各种设备的交互效果。通过设置响应式布局，还能让界面在不同屏幕尺寸下自动适配，展示更灵活。