首页 > 代码库 > ionic2/3 禁止屏幕旋转,禁止横屏,竖屏
ionic2/3 禁止屏幕旋转,禁止横屏,竖屏
ionic2/ionic3禁止屏幕旋转,及解除禁止旋转
1.添加插件:
cmd到项目目录--->
cordova plugin add cordova-plugin-screen-orientation
详情看https://github.com/apache/cordova-plugin-screen-orientation
import { Component } from ‘@angular/core‘; import { Platform } from ‘ionic-angular‘; import { StatusBar } from ‘@ionic-native/status-bar‘; import { SplashScreen } from ‘@ionic-native/splash-screen‘; declare var screen :any; //定义全局变量 @Component({ templateUrl: ‘app.html‘ }) export class MyApp { rootPage:any = TabsPage; constructor(platform: Platform, statusBar: StatusBar, splashScreen: SplashScreen) { platform.ready().then(() => { // Okay, so the platform is ready and our plugins are available. // Here you can do any higher level native things you might need. statusBar.styleDefault(); splashScreen.hide(); screen.orientation.lock(‘portrait-primary‘); // //锁定到主竖屏 // screen.orientation.lock(‘portrait-primary‘); // // //只禁止横屏 // screen.orientation.lock(‘landscape‘); // // //只禁止竖屏 // screen.orientation.lock(‘portrait‘); // // //锁定到副竖屏 // // screen.orientation.lock(‘portrait-secondary‘); // // //锁定到主横屏 // // screen.orientation.lock(‘landscape-primary‘); // // //锁定到副横屏 // // screen.orientation.lock(‘landscape-secondary‘); // // //解除屏幕锁定 // // screen.orientation.unlock(); }); } }
总结:
这几个方法组合使用可以做:游戏界面旋转,视频的旋转与锁定
ionic2/3 禁止屏幕旋转,禁止横屏,竖屏
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。