Je travaille sur Ionic / Cordova, j'ai ajouté ceci androidManifest.xmlmais cela n'a pas fonctionné pour moi et l'application s'affiche toujours dans les deux sens

android:screenOrientation="portrait"

Comment puis-je limiter mon application au mode portrait uniquement? J'ai vérifié sur Android et cela ne fonctionne pas

Si vous souhaitez limiter le mode portrait uniquement sur tous les appareils, vous devez ajouter cette ligne au config.xml dans le dossier racine de vos projets.

<preference name="orientation" value="portrait" />

Après cela, veuillez reconstruire la plate-forme en tapant le texte ci-dessous dans la ligne de commande:

ionic build

Mise à jour Ionic v2 +

Pour les versions ioniques 2 et plus tard, vous devrez également installer le correspondant ionique natif package pour tout vous utilisez plugin de , y compris cordova-plugin-et phonegap-plugin-plugins.

1. Installer Ionic Native Plugin

   Installez le module TypeScript d'Ionic Native pour le plugin à partir de la CLI .

   $ ionic cordova plugin add --save cordova-plugin-screen-orientation
   $ npm install --save @ionic-native/screen-orientation
   

   * Notez que la --savecommande est facultative et peut être omise si vous ne souhaitez pas ajouter le plugin à votre package.jsonfichier

2. Importer le ScreenOrientationplugin

   Importez le plugin dans votre controller, plus de détails disponibles dans la documentation .

   import { ScreenOrientation } from '@ionic-native/screen-orientation';
   
   @Component({
       templateUrl: 'app.html',
       providers: [
           ScreenOrientation
       ]
   })
   
   constructor(private screenOrientation: ScreenOrientation) {
     // Your code here...
   }
   

3. Faire votre truc

   Verrouillez et déverrouillez l'orientation de l'écran par programme.

   // Set orientation to portrait
   this.screenOrientation.lock(this.screenOrientation.ORIENTATIONS.PORTRAIT);
   
   // Disable orientation lock
   this.screenOrientation.unlock();
   

4. Points bonus

   Vous pouvez également obtenir l'orientation actuelle.

   // Get current orientation
   console.log(this.screenOrientation.type);  // Will return landscape" or "portrait"
   

Selon https://cordova.apache.org/docs/en/4.0.0/config_ref/#global-preferences ,

L'orientation vous permet de verrouiller l'orientation et d'empêcher l'interface de tourner en réponse aux changements d'orientation. Les valeurs possibles sont par défaut, paysage ou portrait. Exemple:

<preference name="Orientation" value="landscape" />

Sachez que ces valeurs sont sensibles à la casse, il s'agit de «Orientation» et non d '«orientation».

Si vous voulez faire quelque chose sur votre orientation signifie que vous souhaitez effectuer une action lorsque vous modifiez l'orientation de votre application, vous devez utiliser le plugin de framework ionique ... https://ionicframework.com/docs/native/screen-orientation/

Si vous souhaitez simplement restreindre votre application en mode portrait ou paysage, vous devez simplement ajouter ces lignes suivantes dans votre config.xml

<preference name="orientation" value="portrait" />
                 OR
<preference name="orientation" value="landscape" />

Tout d'abord, vous devez ajouter le plug-in d'orientation d'écran Cordova en utilisant

cordova plugin add cordova-plugin-screen-orientation

puis ajouter screen.lockOrientation('portrait');à la .run()méthode

angular.module('myApp', [])
.run(function($ionicPlatform) {

    screen.lockOrientation('portrait');
    console.log('Orientation is ' + screen.orientation);

});
})

À l'intérieur de votre angulaire, app.jsajoutez la ligne screen.lockOrientation('portrait');comme indiqué ci-dessous:

une

angular.module('app', ['ionic'])
.run(function($ionicPlatform) {
    // LOCK ORIENTATION TO PORTRAIT.
    screen.lockOrientation('portrait');
  });
})

Vous aurez également un autre code dans la .runfonction, mais celui qui vous intéresse est la ligne que j'ai écrite. Je n'ai pas ajouté la ligne <preference name="orientation" value="portrait" />dans mon code, mais vous devrez peut-être ajouter lecordova-plugin-device-orientation

Veuillez ajouter android:screenOrientation="portrait"le androidManifest.xmlfichier comme attribut de balise d'activité pour Android.

<activity
        android:name="com.example.demo_spinner.MainActivity"
        android:label="@string/app_name"
        android:screenOrientation="portrait" >
</activity>

Dans config.xml, ajoutez la ligne suivante

<preference name="orientation" value="portrait" />

Vous pouvez essayer ceci: -

Plugin Cordova pour définir / verrouiller l'orientation de l'écran d'une manière courante pour iOS, Android, WP8 et Blackberry 10. Ce plugin est basé sur une première version de l'API Screen Orientation, donc l'API ne correspond pas actuellement aux spécifications actuelles.

https://github.com/apache/cordova-plugin-screen-orientation

ou essayez ce code dans la configuration xml: -

<preference name="orientation" value="portrait" />