如何告訴小部件最大化以填充整個可用空間？

Question

我正在使用Vodafone移動窗口小部件平台開發用於手機的窗口小部件，並且試圖使其填充整個屏幕。 將高度和寬度設置為100％似乎無法正常工作。 有人知道該怎么辦嗎？

Answer 1

首先，嘗試將height =“ 100％”和width =“ 100％”添加到您的body標簽中（而不僅僅是容器div）。

如果那不起作用，請嘗試使用此CSS。

html{
width:100%;
height:100%;
} 

如果這樣不起作用，請提供有關無法覆蓋整個屏幕的頁面內容的更多信息。

Answer 2

好的，試試這個：

function resizeWidget() {
var availWidth = screen.availWidth;
var availHeight = screen.availHeight;
window.resizeTo(availWidth, availHeight);
}

請查看此文檔以獲取更多信息： http : //widget.developer.vodafone.com/docs/Different-Resolutions-on-Mobile-Phones-v0.3.4.pdf

在執行小部件期間，手機的分辨率可能會改變。 例如，較新的移動電話具有傳感器來檢測電話是水平放置還是垂直放置。 Vodafone Apps Manager可以識別此類更改，並在每次更改時觸發解決方案事件。 為了確保每次更改分辨率時都調整窗口小部件的大小，可以為resolutionevent添加事件偵聽器，並將resizeWidget（）函數用作事件處理程序：

widget.addEventListener('resolution', resizeWidget, false);

另外，您應該在小部件啟動時調用resizeWidget-function，因為用戶可以以橫向模式啟動小部件。 由於發生這種情況時運行時不會引發解決方案事件，因此您必須手動調用resizeWidget函數。

Answer 3

嘗試這個：

   if (window.widget) {
      widget.addEventListener("widgetmodechange", function (e) {
        if (!(widget.widgetMode === "widget")) { // not on desktop
          window.resizeTo(screen.availWidth, screen.availHeight);
        }
      }, false);
    }

Baa實際上是正確的，除了您也應該將監聽器綁定為“ widgetmodechange”。 另外，請查看指定的文檔Baa。 這很有幫助。

Answer 4

我建議您在config.xml中使用“太大”的寬度和高度，如下所示：

<width>2000</width>
<height>2000</height>

小部件運行時將按比例縮小大小。 要使其完美，您仍然需要設置CSS

body, html{
    width:100%;
    height:100%;
} 

使小部件正確縮放到完整的寬度和高度。 我長期使用vf小部件，效果最佳。 注意：這會使小部件在桌面上顯得過大，但無論如何，用於移動設備和台式機的小部件都是罕見的。

鎢