uniapp实现手机屏幕旋转
时间: 2023-08-20 12:05:22 浏览: 400
uniapp实现吸顶,吸底
要实现手机屏幕旋转,可以在 uniapp 的页面中使用 `uni.onWindowResize` 方法监听窗口大小变化事件,然后根据窗口宽度和高度的比例来判断当前屏幕方向。
以下是示例代码:
```javascript
export default {
onMounted() {
// 监听窗口大小变化事件
uni.onWindowResize(() => {
const { windowWidth, windowHeight } = uni.getSystemInfoSync()
if (windowWidth > windowHeight) {
// 横屏
uni.setScreenOrientation({
orientation: 'landscape' // 设置为横屏
})
} else {
// 竖屏
uni.setScreenOrientation({
orientation: 'portrait' // 设置为竖屏
})
}
})
}
}
```
注意:在 Android 平台上,需要在 `manifest.json` 文件中添加 `android:screenOrientation` 属性来控制屏幕方向,例如:
```json
{
"android": {
"screenOrientation": "sensorLandscape"
}
}
```
阅读全文