ฉันกำลังทำงานกับ Ionic / Cordova ฉันได้เพิ่มสิ่งนี้เข้าไปandroidManifest.xmlแต่สิ่งนี้ไม่ได้ผลสำหรับฉันและแอปยังแสดงทั้งสองแบบ

android:screenOrientation="portrait"

ฉันจะ จำกัด แอปให้อยู่ในโหมดแนวตั้งเท่านั้นได้อย่างไร ฉันตรวจสอบบน Android แล้วและใช้งานไม่ได้

หากคุณต้องการ จำกัด เฉพาะโหมดแนวตั้งบนอุปกรณ์ทั้งหมดคุณควรเพิ่มบรรทัดนี้ใน config.xml ในโฟลเดอร์รูทโปรเจ็กต์ของคุณ

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

หลังจากนั้นโปรดสร้างแพลตฟอร์มใหม่โดยพิมพ์ข้อความด้านล่างในบรรทัดคำสั่ง:

ionic build

อัปเดต Ionic v2 +

สำหรับ Ionic เวอร์ชัน 2 ขึ้นไปคุณจะต้องติดตั้งแพ็คเกจIonic Native ที่เกี่ยวข้องสำหรับปลั๊กอินที่คุณใช้รวมถึงcordova-plugin-และphonegap-plugin-ปลั๊กอิน

1. ติดตั้ง Ionic Native Plugin

   ติดตั้งโมดูล typescript อิออนพื้นเมืองของปลั๊กอินจากที่CLI

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

   * โปรดทราบว่า--saveคำสั่งเป็นทางเลือกและสามารถละเว้นได้หากคุณไม่ต้องการเพิ่มปลั๊กอินลงในpackage.jsonไฟล์ของคุณ

2. นำเข้าScreenOrientationปลั๊กอิน

   นำเข้าปลั๊กอินลงในcontrollerรายละเอียดมากขึ้นที่มีอยู่ในเอกสาร

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

3. ทำสิ่งของคุณ

   ล็อกและปลดล็อกการวางแนวหน้าจอตามโปรแกรม

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

4. คะแนนโบนัส

   คุณยังสามารถรับการวางแนวปัจจุบัน

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

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

การวางแนวช่วยให้คุณสามารถล็อกการวางแนวและป้องกันไม่ให้อินเทอร์เฟซหมุนเพื่อตอบสนองต่อการเปลี่ยนแปลงการวางแนว ค่าที่เป็นไปได้คือค่าเริ่มต้นแนวนอนหรือแนวตั้ง ตัวอย่าง:

<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 Screen Orientation Pluginโดยใช้

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');แสดงไว้:

an

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 config: -

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