私はIonic / Cordovaに取り組んでandroidManifest.xml
います。これを追加しましたが、これは私にとっては機能せず、アプリはまだ両方の方法で表示されています
android:screenOrientation="portrait"
アプリを縦向きモードのみに制限するにはどうすればよいですか?私はアンドロイドでチェックしましたが、うまくいきません
私はIonic / Cordovaに取り組んでandroidManifest.xml
います。これを追加しましたが、これは私にとっては機能せず、アプリはまだ両方の方法で表示されています
android:screenOrientation="portrait"
アプリを縦向きモードのみに制限するにはどうすればよいですか?私はアンドロイドでチェックしましたが、うまくいきません
回答:
すべてのデバイスでのみ縦向きモードに制限する場合は、この行をプロジェクトのルートフォルダーのconfig.xmlに追加する必要があります。
<preference name="orientation" value="portrait" />
その後、コマンドラインで以下のテキストを入力してプラットフォームを再構築してください:
ionic build
Ionicバージョン2以降の場合、プラグインを含む、使用するすべてのプラグインに対応するIonic Nativeパッケージもインストールする必要がcordova-plugin-
ありphonegap-plugin-
ます。
Ionic Native Pluginをインストールする
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によると、
方向を使用すると、方向をロックし、方向の変化に応じてインターフェイスが回転するのを防ぐことができます。可能な値はdefault、landscape、portraitです。例:
<preference name="Orientation" value="landscape" />
これらの値は大文字と小文字が区別されることに注意してください。これは「向き」ではなく「向き」です。
オリエンテーションで何かをしたい場合は、アプリのオリエンテーションを変更したときに何らかのアクションを実行したい場合、イオンフレームワークプラグインを使用する必要があります... https://ionicframework.com/docs/native/screen-orientation/
アプリを縦向きまたは横向きに制限したい場合は、config.xmlに次の行を追加するだけです。
<preference name="orientation" value="portrait" />
OR
<preference name="orientation" value="landscape" />
まず、次を使用してCordova画面方向プラグインを追加する必要があります
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のアクティビティタグの属性としてファイルに追加android:screenOrientation="portrait"
してくださいandroidManifest.xml
。
<activity
android:name="com.example.demo_spinner.MainActivity"
android:label="@string/app_name"
android:screenOrientation="portrait" >
</activity>
あなたはこれを試すことができます:-
iOS、Android、WP8、Blackberry 10の一般的な方法で画面の向きを設定/ロックするCordovaプラグイン。このプラグインは初期バージョンのScreen Orientation APIに基づいているため、現在のAPIは現在の仕様と一致しません。
https://github.com/apache/cordova-plugin-screen-orientation
またはXML構成でこのコードを試してください:
<preference name="orientation" value="portrait" />