uni-app开发的app设置横屏或解除方向锁定
uni-app
2023-12-03 20:59:13
app开发可根据产品需求开发者自定义设备对于用户的展示情况,如常见的正方向横屏、反方向横屏等。
那么基于uni-app多框架开发中,开发app时可以如何自定义横屏、竖屏展示样式呢?
本篇就来详细介绍在uni-app中配合条件编译实现自定义横屏、属性展示效果功能。
一、条件编译自定义app横屏、竖屏
//#ifdef APP-PLUS
// 锁定屏幕方向 横屏正方向
plus.screen.lockOrientation('landscape-primary');
//#endif
锁定屏幕方向可取以下值:
"portrait-primary": 竖屏正方向;
"portrait-secondary": 竖屏反方向,屏幕正方向按顺时针旋转180°;
"landscape-primary": 横屏正方向,屏幕正方向按顺时针旋转90°;
"landscape-secondary": 横屏方向,屏幕正方向按顺时针旋转270°;
"portrait": 竖屏正方向或反方向,根据设备重力感应器自动调整;
"landscape": 横屏正方向或反方向,根据设备重力感应器自动调整;
二、解除锁定屏幕方向
plus.screen.unlockOrientation();
解除锁定屏幕方向后将恢复应用默认的屏幕显示方向(通常为应用打包发布时设置的方向)
三、uni-app中使用plus注意事项:
需要注意使用条件编译。否则运行到h5、小程序等平台会出现 plus is not defined错误。
六月初字帖坊小程序
你想要的字帖模板及工具,这里都有!
880篇文章
2041人已阅读