Sencha Touch中的响应式布局

时间:2014-01-20 05:28:56

标签: extjs sencha-touch sencha-touch-2 sencha-touch-2.1

我正在使用Sencha Touch构建跨平台应用程序。该应用程序适用于手机和平板电脑。 应用程序的MainPage包含一个列表和一个表单。现在我希望当设备是平板电脑时,列表应该以屏幕宽度的1/3出现在设备的左侧。表单应出现在剩余页面中。但是当设备是移动设备时,整个屏幕应仅填充表格,我需要在页面顶部提供一个按钮,点击该按钮将打开列表。我该怎么办?

2 个答案:

答案 0 :(得分:1)

看看Sencha Touch Profiles

如果您正在寻找可以实现此方法的可爱解释,请检查=> Loading different views for different profiles

答案 1 :(得分:0)

您可以通过检查主页上初始化功能的条件来完成此操作。您可以通过检查条件是否是平板电脑来编写代码。