App视图是一个移动应用程序的多功能集成控件,包含有内置导航,可由Ajax载入的内容和响应式布局系统。App视图可以很完美地用来开发一个同时工作在手机和平板电脑上需要优化屏幕显示实际尺寸的应用程序。


Layout

响应式布局

App视图是一个用来开发响应式移动应用程序的强有力的工具。它使得jQuery Mobile的响应式布局变得简单易行。App视图为我们提供了一个能够改变屏幕显示尺寸的布局系统,这就使得程序能够很好的在手机和平板电脑上运行。



Phone Support

手机视图

在手机上,App视图是一个单列的布局,同时自动加入可以回到主菜单的“后退”按钮。



Tablet Support

平板电脑视图

在平板电脑上,App视图是一个持续可见的多列布局。这个视图专门为平板电脑或全屏浏览器优化过。当运行在足够大屏幕的设备上时候,App视图将自动使用这个视图。


内置的Ajax导航

App视图内置了内容的异步载入功能。只需要通过给出菜单和内部内容中的URL,App视图就能使用Ajax导航。它也能自动调整“后退”按钮。


内嵌页面

在大多数情况下,您会通过使用带链接的App视图页面来使用内置的Ajax导航。假如您想在一个单一的文件中定义所有的App视图页面,您现在也能这样做了。这是一个和jQuery mobile app中定义多个内嵌页面相似的式样。