Answers:
如果只想在所有设备上使用纵向模式,则应将此行添加到项目根文件夹中的config.xml中。
<preference name="orientation" value="portrait" />
之后,请通过在命令行中键入以下文本来重建平台:
ionic build
对于Ionic 2和更高版本,您还需要为使用的任何插件安装相应的Ionic Native软件包,包括cordova-plugin-
和phonegap-plugin-
插件)。
安装Ionic本机插件
从CLI中为插件安装Ionic Native的TypeScript模块。
$ ionic cordova plugin add --save cordova-plugin-screen-orientation
$ npm install --save @ionic-native/screen-orientation
*请注意,该--save
命令是可选的,如果您不希望将插件添加到package.json
文件中,则可以省略该命令
进口 ScreenOrientation
插件
将插件导入您controller
的文档中可以找到更多详细信息。
import { ScreenOrientation } from '@ionic-native/screen-orientation';
@Component({
templateUrl: 'app.html',
providers: [
ScreenOrientation
]
})
constructor(private screenOrientation: ScreenOrientation) {
// Your code here...
}
做你的事
以编程方式锁定和解锁屏幕方向。
// Set orientation to portrait
this.screenOrientation.lock(this.screenOrientation.ORIENTATIONS.PORTRAIT);
// Disable orientation lock
this.screenOrientation.unlock();
奖励积分
您还可以获取当前方向。
// Get current orientation
console.log(this.screenOrientation.type); // Will return landscape" or "portrait"
ionic plugin
似乎不再起作用。我认为是现在ionic cordova plugin
。例如ionic cordova plugin add --save cordova-plugin-screen-orientation
<preference name="Orientation" value="portrait" />
似乎对我来说足够了
根据https://cordova.apache.org/docs/en/4.0.0/config_ref/#global-preferences,
方向允许您锁定方向并防止界面响应方向变化而旋转。可能的值为默认,横向或纵向。例:
<preference name="Orientation" value="landscape" />
请注意,这些值区分大小写,是“方向”,而不是“方向”。
如果要在方向上执行某些操作,则意味着要在更改应用程序方向时执行任何操作,则必须使用ionic框架插件... https://ionicframework.com/docs/native/screen-orientation/
如果只想将应用程序限制为纵向或横向模式,则只需在config.xml中添加以下几行
<preference name="orientation" value="portrait" />
OR
<preference name="orientation" value="landscape" />
首先,你需要添加科尔多瓦屏幕方向插件使用
cordova plugin add cordova-plugin-screen-orientation
然后添加screen.lockOrientation('portrait');
到.run()
方法
angular.module('myApp', [])
.run(function($ionicPlatform) {
screen.lockOrientation('portrait');
console.log('Orientation is ' + screen.orientation);
});
})
在角度内app.js
添加screen.lockOrientation('portrait');
如下所示的线:
一个
angular.module('app', ['ionic'])
.run(function($ionicPlatform) {
// LOCK ORIENTATION TO PORTRAIT.
screen.lockOrientation('portrait');
});
})
您还将在.run
函数中包含其他代码,但是您感兴趣的是我编写的代码行。我尚未<preference name="orientation" value="portrait" />
在代码中添加该行,但是您可能需要添加cordova-plugin-device-orientation
请android:screenOrientation="portrait"
在androidManifest.xml
文件中添加Android活动标签的属性。
<activity
android:name="com.example.demo_spinner.MainActivity"
android:label="@string/app_name"
android:screenOrientation="portrait" >
</activity>
在config.xml中添加以下行
<preference name="orientation" value="portrait" />
您可以尝试:
Cordova插件以iOS,Android,WP8和Blackberry 10的通用方式设置/锁定屏幕方向。此插件基于Screen Orientation API的早期版本,因此该api当前与当前规范不匹配。
https://github.com/apache/cordova-plugin-screen-orientation
或在xml配置中尝试以下代码:-
<preference name="orientation" value="portrait" />