在手機用屏幕旋轉(zhuǎn)支持
從小程序基礎(chǔ)庫版本 2.4.0 開始合冀,小程序在手機上支持屏幕旋轉(zhuǎn)。使小程序中的頁面支持屏幕旋轉(zhuǎn)的方法是:在 app.json 的 window 段中設置 "pageOrientation": "auto" 业岁,或在頁面 json 文件中配置 "pageOrientation": "auto" 鳞仙。
以下是在單個頁面 json 文件中啟用屏幕旋轉(zhuǎn)的示例。
代碼示例:
{
"pageOrientation": "auto"
}
如果頁面添加了上述聲明笔时,則在屏幕旋轉(zhuǎn)時棍好,這個頁面將隨之旋轉(zhuǎn),顯示區(qū)域尺寸也會隨著屏幕旋轉(zhuǎn)而變化允耿。
從小程序基礎(chǔ)庫版本 2.5.0 開始借笙, pageOrientation 還可以被設置為 landscape ,表示固定為橫屏顯示较锡。
在 iPad 上啟用屏幕旋轉(zhuǎn)支持
從小程序基礎(chǔ)庫版本 2.3.0 開始业稼,在 iPad 上運行的小程序可以支持屏幕旋轉(zhuǎn)。使小程序支持 iPad 屏幕旋轉(zhuǎn)的方法是:在 app.json 中添加 "resizable": true 蚂蕴。
代碼示例:
{
"resizable": true
}
如果小程序添加了上述聲明低散,則在屏幕旋轉(zhuǎn)時,小程序?qū)㈦S之旋轉(zhuǎn)骡楼,顯示區(qū)域尺寸也會隨著屏幕旋轉(zhuǎn)而變化熔号。注意:在 iPad 上不能單獨配置某個頁面是否支持屏幕旋轉(zhuǎn)。
屏幕旋轉(zhuǎn)事件
頁面尺寸發(fā)生改變的事件鸟整,可以使用頁面的 onResize 來監(jiān)聽引镊。對于自定義組件,可以使用 resize 生命周期來監(jiān)聽§裟耍回調(diào)函數(shù)中將返回顯示區(qū)域的尺寸信息梦重。(從基礎(chǔ)庫版本 2.4.0 開始支持。)
代碼示例:
Page({
onResize(res) {
res.size.windowWidth // 新的顯示區(qū)域?qū)挾? res.size.windowHeight // 新的顯示區(qū)域高度
}
})