1、在手机上启用屏幕旋转支持
app.json:window中设置 "pageOrientation": "auto|landscape" 所有页面都可旋转|是横屏
在页面json文件:"pageOrientation": "auto|landscape" 指定页面旋转|横屏
2、在iPad上启用屏幕旋转支持、PC小程序是否支持用户任意改变窗口大小(包括最大化窗口)
在app.json中添加"resizable": true 在iPad上不能单独配置某个页面是否支持屏幕旋转
3、监听旋转
页面中:
Page({
onResize(res) {
res.size.windowWidth // 新的显示区域宽度
res.size.windowHeight // 新的显示区域高度
}
})
自定义组件中:
Component(
}
})
3.5、监听设备方向
(1)开始监听设备方向的变化。
wx.startDeviceMotionListening({
interval 监听设备方向的变化回调函数的执行频率
game 适用于更新游戏的回调频率,在20ms/次左右
ui 适用于更新UI的回调频率,在60ms/次左右
normal 普通的回调频率,在200ms/次左右
success
...
})
wx.stopDeviceMotionListening({success,...}) 停止监听设备方向的变化
(2)监听设备方向变化事件
频率根据wx.startDeviceMotionListening()的interval参数,可以使用wx.stopDeviceMotionListening()停止监听
wx.onDeviceMotionChange(function(res)}' data-report-click='{"mod":"popu_786","spm":"3001.4249","strategy":"pc_vip_readmore","ab":"new","extra":{"abTest":"t_1"}}'>
