360小程序 大小屏交互

360小程序支持大小屏交互，

全局配置大小屏

通過小程序根目錄下的 app.json 文件下，Windows配置用來配置小程序大小屏樣式。文件內(nèi)容為一個 JSON 對象，有以下屬性：

代碼示例

{
    "window": {
        "enableLargeWindow": false,
        "showRefreshButton": false,
        "windowWidth": 1138,
        "windowHeight": 640,
        "minWindowWidth": 400,
        "minWindowHeight": 400,
        "enableResize": true
    }
}

通過接口調(diào)用大小屏

除了通過全局配置文件配置顯示大小屏切換方式外，還可通過調(diào)用接口的方式實現(xiàn)大小屏的切換。

qihoo.SetScreenState()

調(diào)用qihoo.SetScreenState(true, false)，將當(dāng)前側(cè)邊欄小屏切換為大屏，該頁面只支持大屏樣式，不顯示大小屏切換按鈕

調(diào)用qihoo.SetScreenState(true, true)，將當(dāng)前側(cè)邊欄小屏切換為大屏，該頁面需要同時適配大小屏，顯示大小屏切換按鈕，點擊按鈕時在大小屏之間相互切換。

調(diào)用qihoo.SetScreenState(false, true)，將當(dāng)前側(cè)邊欄大屏切換為小屏，該頁面需要同時適配大小屏，顯示大小屏切換按鈕，點擊按鈕時在大小屏之間相互切換。

瀏覽器記住用戶操作邏輯：

為方便用戶使用，瀏覽器會記住用戶主動切換的窗口大小。

如小程序默認(rèn)小窗口為小窗口，用戶使用過程中，手動點擊窗口頂部切換按鈕將窗口切換為獨立大窗口。關(guān)閉窗口時，瀏覽器會記住當(dāng)前窗口大小，下次打開小程序時，會默認(rèn)打開同樣大小的新窗口。

如果只有部分頁面支持大窗口，通過調(diào)用js接口切換為大小窗口，瀏覽器不會記住當(dāng)前窗口大小，需要開發(fā)者通過js接口保證窗口大小。 可通過生命周期回調(diào)函數(shù)window.onload()、window.nAppShow()、window.onAppHide()配合qihoo.SetScreenState()設(shè)置每個頁面的固定窗口大小。