uni-app开发的app设置横屏或解除方向锁定

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错误。

六月初字帖坊小程序 你想要的字帖模板及工具,这里都有!