Pracuję nad Ionic / Cordova, dodałem to, androidManifest.xmlale to nie zadziałało, a aplikacja nadal wyświetla się w obie strony

android:screenOrientation="portrait"

Jak mogę ograniczyć moją aplikację tylko do trybu portretowego? Sprawdziłem na Androidzie i nie działa

Jeśli chcesz ograniczyć tryb pionowy tylko na wszystkich urządzeniach, powinieneś dodać tę linię do config.xml w głównym folderze projektów.

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

Następnie przebuduj platformę, wpisując poniższy tekst w wierszu poleceń:

ionic build

Aktualizacja Ionic v2 +

W przypadku Ionic w wersji 2 i nowszych będziesz musiał także zainstalować odpowiedni pakiet Ionic Native dla każdej używanej wtyczki, w tym wtyczek cordova-plugin-i phonegap-plugin-.

1. Zainstaluj Ionic Native Plugin

   Zainstaluj moduł TypeScript Ionic Native dla wtyczki z CLI .

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

   * Zauważ, że --savepolecenie jest opcjonalne i można je pominąć, jeśli nie chcesz dodawać wtyczki do package.jsonpliku

2. Import ScreenOrientation wtyczkę

   Importuj wtyczkę do swojego controller, więcej szczegółów znajdziesz w dokumentacji .

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

3. Rób swoje

   Zablokuj i odblokuj programowo orientację ekranu.

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

4. Punkty bonusowe

   Możesz również uzyskać aktualną orientację.

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

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

Orientacja umożliwia zablokowanie orientacji i zapobieganie obracaniu się interfejsu w odpowiedzi na zmiany orientacji. Możliwe wartości to default, landscape lub portrait. Przykład:

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

Należy pamiętać, że w tych wartościach rozróżniana jest wielkość liter, jest to „Orientacja”, a nie „orientacja”.

Jeśli chcesz coś zrobić w swojej orientacji, oznacza to, że chcesz wykonać dowolną akcję po zmianie orientacji aplikacji, musisz użyć wtyczki ionic framework ... https://ionicframework.com/docs/native/screen-orientation/

Jeśli chcesz ograniczyć swoją aplikację do trybu pionowego lub poziomego, musisz po prostu dodać następujący wiersz do pliku config.xml

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

Najpierw musisz dodać wtyczkę Cordova Screen Orientation Plugin za pomocą

cordova plugin add cordova-plugin-screen-orientation

a następnie dodaj screen.lockOrientation('portrait');do .run()metody

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

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

});
})

Wewnątrz swojego kątownika app.jsdodaj linię, screen.lockOrientation('portrait');jak pokazano poniżej:

na

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

Będziesz mieć również inny kod w .runfunkcji, ale ten, który Cię interesuje, to wiersz, który napisałem. Nie dodałem linii <preference name="orientation" value="portrait" />w moim kodzie, ale może być konieczne dodaniecordova-plugin-device-orientation

Dodaj android:screenOrientation="portrait"do androidManifest.xmlpliku jako atrybut tagu aktywności dla Androida.

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

W config.xml dodaj następujący wiersz

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

Możesz spróbować tego: -

Wtyczka Cordova do ustawiania / blokowania orientacji ekranu w typowy sposób dla iOS, Androida, WP8 i Blackberry 10. Ta wtyczka jest oparta na wczesnej wersji interfejsu API orientacji ekranu, więc interfejs API nie jest obecnie zgodny z obecną specyfikacją.

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

lub wypróbuj ten kod w konfiguracji xml: -

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