Axure7.0 8.0 根据页面宽度的不同适应不同的视图

尹广磊 · 发表于 2014-2-16 23:37:51

更新：

Axure8.0在如下位置开启自适应设置。

Axure7.0可以设置不同页面宽度下的页面视图，以更好的适应多设备的原型展示。

屏幕快照 2014-02-16 下午11.15.59.jpg

如下图在不同宽度下的调整效果。

此功能是有一个基本视图，然后可以增加在不同宽度条件下的视图。
不同宽度的视图只是调整原页面的宽度和布置位置，页面内容都是一样的。
此功能有一定的意义，但是实际情况可能用处并不大。
因为可能在不同宽度时，页面内容并非完全一样，
有可能要增加不同的修饰，不同的导航，不同的文字等等。

更多相关的信息可以参考：
http://www.hiaxure.com/thread-7343-1-1.html

下面是一个示例文件，用电脑预览时可以调整浏览器不同的宽度来看效果。

高维 · 发表于 2014-2-17 09:47:38

这是模拟响应式布局么？

贰陆 · 发表于 2014-2-17 13:12:59

赞一个，响应式布局。

rainbowboy · 发表于 2014-3-20 10:36:54

预览效果也不好。貌似只有在rectangle组件摆放在上面时，切换采用效果。换成其他的（比如等宽的占位符），就僵硬了，没有响应式效果。

callmehong · 发表于 2015-11-2 14:21:48

1# 尹广磊

是不是相当于每一种屏幕模式绘制一套新的布局？工作量似乎是近乎双倍？

wutong · 发表于 2016-6-29 17:35:37

为什么看不出来内容居中了，预览效果是始终居左的，有没有一种方式既能始终居中也能上下滚动呢？

lilijiang2004 · 发表于 2016-10-18 18:48:34

:hug::hug::hug:

Axure7.0 8.0 根据页面宽度的不同适应不同的视图

评分