2013-08-30 73 views
2

MyAppIBM工作燈5.0.6.1 - 在iOS的7

底部的白色空間,你可以看到,在我的頁面底部仍然是一個空白。 它的高度與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"); 
} 
+0

我不認爲我喜歡'device.version>「6.0」',也許看看這個線程:HTTP ://stackoverflow.com/questions/6832596/how-to-compare-software-version-number-using-js-only-number –

回答

2

Worklight 6.0.0.1剛剛在週末發佈;它解決了屏幕快照中描述的狀態欄問題。
5.0.6.1的修補程序不是公開可用的(它適用於使用此版本並需要它的客戶)。

更新:
白色的間距在底部是一個工作燈的錯誤,並從IBM在最新6.0.0.1 iFix的以及可用於工作燈6.0.0.x和工作燈5.0.x的客戶修復Centeral。

+0

Idan,感謝您的迴應 爲了更清楚起見,您說我的公司使用WL 5.0 .6.1可以針對此問題請求修復? – Axel92Dev

+0

如果您是客戶,則應通過Passport Advantage提供給您;如果您是業務合作伙伴,則應通過PartnerWorld向您提供。底部仍然是AFAIK的一個未解決的問題,但您可以在相關網站上爲您查找相應的修補程序。 –

+0

再次感謝您,Idan,你可以嗎?確認這個修復包:http://tinypic.com/view.php?pic=hx6bfs&s=5#.UjxlfYbCXmY 糾正空白問題? – Axel92Dev

2

是的,你將需要調整爲iOS 7應用程序

您可以使用Cordova Device API檢測OS的應用程序正在運行上,並在iOS 6中使用不同的CSS爲不同的操作系統佈局和7(如果你願意的話)。

我建議在頂部添加更多的綠色背景,以便iOS 7中的新狀態欄不會與您的應用設計重疊。

這是一個問題,所有基於網絡的應用都會在iOS中受到影響,直到設計出合適的解決方案。

一定要同時閱讀蘋果提供的iOS 7 Transition Guide

以上是一種建議的方法;您應該閱讀更多關於iOS 7設計的資料,以及關於狀態欄在iOS 7中的表現以及爲您的應用選擇正確路徑的信息。


對於底間隔,這是在工作燈的一個錯誤。

+0

謝謝伊丹。你能看到我的原始文章編輯?將這段代碼放入iphone文件夾內的js中是否正確? – Axel92Dev

+0

我會把它放在共同的\ yourapp.js >> wlCommonInit,並w/out事件監聽器。 –

+0

我增加了我的標題20px的高度,但是我發現空白仍然存在,較高的標題將會佔用空間。我試圖增加身體沒有成功。可能頁眉和頁腳是jquerymobile-fixed。 – Axel92Dev