2

我的应用

如您所见,我的页面底部仍然是一个空白区域。它的高度与 ios6 中的旧状态栏相同。我必须修改css吗?因为我从未为我的应用程序固定高度,所以 worklight 总是选择合适的尺寸。

编辑:您必须保存图像并在具有不同颜色的桌面中打开才能看到底部的空白。

*
 *  Licensed Materials - Property of IBM
 *  5725-G92 (C) Copyright IBM Corp. 2011, 2013. All Rights Reserved.
 *  US Government Users Restricted Rights - Use, duplication or
 *  disclosure restricted by GSA ADP Schedule Contract with IBM Corp.
 */

// This method is invoked after loading the main HTML and successful initialization of the Worklight runtime.
function wlEnvInit(){
    wlCommonInit();
    // Environment initialization code goes here
}

//Wait for Cordova to load
//
document.addEventListener("deviceready", onDeviceReady, false);

// Cordova is ready
//
function onDeviceReady() {
    alert(device.version);
    if(device.version > "6.0")
        $(".elmecHeader").css("height", "70px");
}
4

3 回答 3

2

是的,您需要针对 iOS 7 调整您的应用程序。

您可以使用Cordova Device API来检测应用程序正在运行的操作系统,并为 iOS 6 和 7 中的不同操作系统布局使用不同的 CSS(如果您愿意的话)。

我建议在顶部添加更多的绿色背景,以便 iOS 7 中的新状态栏不会与您的应用程序设计重叠。

在设计出合适的解决方案之前,这是所有基于 Web 的应用程序在 iOS 中都会遇到的问题。

请务必阅读 Apple 提供的iOS 7 过渡指南

以上是一种建议的方法;您可能应该阅读更多有关 iOS 7 设计以及状态栏在 iOS 7 中的行为方式的资料,并为您的应用选择正确的路径。


至于底部间距,这是 Worklight 中的一个错误。

于 2013-08-30T13:05:22.137 回答
2

Worklight 6.0.0.1 刚刚在周末发布;它解决了屏幕截图中描述的状态栏问题。
5.0.6.1 的修复程序未公开提供(它适用于使用此版本并需要它的客户)。

更新:
底部的白色间距是一个 Worklight 错误,已在最新的 6.0.0.1 iFix 中修复,并且可用于 IBM Fix Centeral 的客户的 Worklight 6.0.0.x 和 Worklight 5.0.x。

于 2013-09-15T06:13:27.540 回答
0

自从您发布问题以来,Worklight 已更新。

下载最新版本的修订包,并确保完整阅读技术说明:http ://www-01.ibm.com/support/docview.wss?uid=swg27039574

于 2013-10-02T13:20:24.720 回答