更新记录
1.0.0(2025-11-25)
鸿蒙屏幕方向控制插件
介绍
本插件是一个专为鸿蒙平台设计的UTS插件,用于控制设备屏幕的方向。支持横屏、竖屏切换以及多种方向模式。
功能说明
- 支持设置屏幕方向为竖屏、横屏或自动旋转
- 提供7种方向模式配置选项
- 专为鸿蒙平台优化
使用方法
1. 导入插件
import { setOrientation } from '@/uni_modules/tsw-harmonyApi-uts'
2. 调用方法
// 设置屏幕方向
setOrientation(orientation: number)
3. 参数说明
| 参数 |
类型 |
必填 |
说明 |
| orientation |
number |
是 |
屏幕方向模式,取值范围0-6 |
orientation参数值及含义:
- 0: 定义方向模式,由系统判定
- 1: 竖屏
- 2: 横屏
- 3: 反向竖屏
- 4: 反向横屏
- 5: 跟随传感器自动旋转,可以旋转到竖屏、横屏、反向竖屏、反向横屏四个方向
- 6: 跟随传感器自动竖向旋转,可以旋转到竖屏、反向竖屏,无法旋转到横屏、反向横屏
在Vue页面中使用示例
<template>
<view class="content">
<button @click="setPortrait">竖屏</button>
<button @click="setLandscape">横屏</button>
<button @click="setAutoRotate">自动旋转</button>
</view>
</template>
<script>
import { setOrientation } from '@/uni_modules/tsw-harmonyApi-uts'
export default {
methods: {
setPortrait() {
// 设置为竖屏
setOrientation(1)
},
setLandscape() {
// 设置为横屏
setOrientation(2)
},
setAutoRotate() {
// 设置为自动旋转
setOrientation(5)
}
}
}
</script>
注意事项
- 本插件仅支持鸿蒙平台
- 使用前请确保已正确安装插件
- 部分设备可能因系统设置限制无法改变屏幕方向
相关链接
平台兼容性
uni-app(4.84)
| Vue2 |
Vue3 |
Chrome |
Safari |
app-vue |
app-nvue |
Android |
iOS |
鸿蒙 |
鸿蒙插件版本 |
| √ |
√ |
- |
- |
- |
- |
- |
- |
√ |
1.0.0 |
| 微信小程序 |
支付宝小程序 |
抖音小程序 |
百度小程序 |
快手小程序 |
京东小程序 |
鸿蒙元服务 |
QQ小程序 |
飞书小程序 |
快应用-华为 |
快应用-联盟 |
| - |
- |
- |
- |
- |
- |
- |
- |
- |
- |
- |
uni-app x(4.84)
| Chrome |
Safari |
Android |
iOS |
鸿蒙 |
微信小程序 |
| - |
- |
- |
- |
- |
- |
鸿蒙屏幕方向控制插件
介绍
本插件是一个专为鸿蒙平台设计的UTS插件,用于控制设备屏幕的方向。支持横屏、竖屏切换以及多种方向模式。
功能说明
- 支持设置屏幕方向为竖屏、横屏或自动旋转
- 提供7种方向模式配置选项
- 专为鸿蒙平台优化
使用方法
1. 导入插件
import { setOrientation } from '@/uni_modules/tsw-harmonyApi-uts'
2. 调用方法
// 设置屏幕方向
setOrientation(orientation: number)
3. 参数说明
| 参数 |
类型 |
必填 |
说明 |
| orientation |
number |
是 |
屏幕方向模式,取值范围0-6 |
orientation参数值及含义:
- 0: 定义方向模式,由系统判定
- 1: 竖屏
- 2: 横屏
- 3: 反向竖屏
- 4: 反向横屏
- 5: 跟随传感器自动旋转,可以旋转到竖屏、横屏、反向竖屏、反向横屏四个方向
- 6: 跟随传感器自动竖向旋转,可以旋转到竖屏、反向竖屏,无法旋转到横屏、反向横屏
在Vue页面中使用示例
<template>
<view class="content">
<button @click="setPortrait">竖屏</button>
<button @click="setLandscape">横屏</button>
<button @click="setAutoRotate">自动旋转</button>
</view>
</template>
<script>
import { setOrientation } from '@/uni_modules/tsw-harmonyApi-uts'
export default {
methods: {
setPortrait() {
// 设置为竖屏
setOrientation(1)
},
setLandscape() {
// 设置为横屏
setOrientation(2)
},
setAutoRotate() {
// 设置为自动旋转
setOrientation(5)
}
}
}
</script>
注意事项
- 本插件仅支持鸿蒙平台
- 使用前请确保已正确安装插件
- 部分设备可能因系统设置限制无法改变屏幕方向
相关链接