Axure RP 8交互原型设计案例教程之自适应视图PPT

简单地说,自适应视图就是页面中的内容会自动随着浏览器窗口或者屏幕大小的改变而自动切换到对应的页面视图。一个比较典型的例子就是我们使用智能手机时，通过设置自动切换为横屏和竖屏显示时，网页中的内容会自动调整，如图13-1所示。 默认状态下，【自适应视图】对话框中只有一个基本视图。基本视图是指当浏览器的尺寸大小不满足任何其他自适应视图条件时显示的视图。单击对话框左上方的【添加视图】按钮即可创建新的视图。从“预设”下拉列表中可以选择预设的屏幕尺寸，在“名称”文本框中可以输入自定义视图的名称，根据屏幕的尺寸可以自定义视图的宽度和高度，尤其是宽度参数，这是自适应视图的一个重要指标，设置条件“<=”和“>=”可以控制自适应视图在什么情况下自动切换相应的自适应视图。例如，当浏览器的宽度小于等于800像素时，自动切换到对应的视图中，如图13-6所示。