360小程序 大小屏交互

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

全局配置大小屏

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

代碼示例

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

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

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

qihoo.SetScreenState()

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

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

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

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

為方便用戶使用，瀏覽器會(huì)記住用戶主動(dòng)切換的窗口大小。

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

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