Lebih lanjut ke konten utama
Kembali ke plugin
@capgo/capacitor-orientasi-layar
Tutorial
@capgo/capacitor-orientasi-layar

Orientasi Layar

Plugin orientasi layar dengan dukungan untuk menghindari pembatasan orientasi

Panduan

Tutorial Orientasi Layar

Uji di Perangkat

Unduh aplikasi Capgo terlebih dahulu, kemudian scan kode QR code.

Tautan QR pratinjau plugin orientasi layar code

Menggunakan @capgo/capacitor-orientasi-layar

Interface Plugin Orientasi Layar Capacitor

Pasang

bun add @capgo/capacitor-screen-orientation
bunx cap sync

Apa yang Dibuka oleh Plugin Ini

  • orientation - Dapatkan orientasi layar saat ini.
  • lock - Blokir orientasi layar ke jenis tertentu.
  • unlock - Lepaskan orientasi layar.
  • startOrientationTracking - Mulai mengikuti orientasi perangkat menggunakan sensor gerakan.

Penggunaan Contoh

orientation

Peroleh orientasi layar saat ini.

import { ScreenOrientation } from '@capgo/capacitor-screen-orientation';

const result = await ScreenOrientation.orientation();
console.log('Current orientation:', result.type);

lock

Simpan orientasi layar ke jenis tertentu.

import { ScreenOrientation } from '@capgo/capacitor-screen-orientation';

// Standard lock
await ScreenOrientation.lock({ orientation: 'landscape' });

// Lock with motion tracking on iOS
await ScreenOrientation.lock({
  orientation: 'portrait',
  bypassOrientationLock: true
});

unlock

Buka kunci orientasi layar.

import { ScreenOrientation } from '@capgo/capacitor-screen-orientation';

await ScreenOrientation.unlock();

startOrientationTracking

Mulai mengikuti orientasi perangkat menggunakan sensor gerakan.

import { ScreenOrientation } from '@capgo/capacitor-screen-orientation';

await ScreenOrientation.startOrientationTracking({
  bypassOrientationLock: true
});

// Listen for changes
ScreenOrientation.addListener('screenOrientationChange', (result) => {
  console.log('Orientation changed:', result.type);
});

Referensi Lengkap

Teruskan dari Menggunakan @capgo/capacitor-orientasi-layar

Jika Anda menggunakan Menggunakan @capgo/capacitor-orientasi-layar untuk merencanakan perilaku media dan antarmuka native, hubungkannya dengan @capgo/capacitor-orientasi-layar untuk detail implementasi di @capgo/capacitor-orientasi-layar, Mulai untuk detail implementasi di Mulai, Menggunakan @capgo/capacitor-aktivitas-hidup untuk kemampuan native di Menggunakan @capgo/capacitor-aktivitas-hidup, @capgo/capacitor-aktivitas-hidup untuk detail implementasi di @capgo/capacitor-aktivitas-hidup, dan Menggunakan @capgo/capacitor-pemain-video untuk kemampuan native di Menggunakan @capgo/capacitor-pemain-video.