Saltare al contenuto principale
Indietro ai plugin
@capgo/capacitor-orientamento dello schermo
Tutorial
@capgo/capacitor-orientamento dello schermo

L'orientamento dello schermo

Plugin per l'orientamento dello schermo con supporto per bypassare il blocco dell'orientamento

Guida

Tutoriale sull'orientamento dello schermo

Esegui il test sul dispositivo

Scarica l'app Capgo, poi scansa il codice QR code.

Collegamento QR di anteprima del plugin di orientamento della schermata code

Utilizzo di @capgo/capacitor-orientamento della schermata

Capacitor Interfaccia del plugin di orientamento della schermata

Installa

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

Cos'è che questo plugin espone

  • orientation - Ottieni l'orientamento corrente della schermata.
  • lock - Blocca l'orientamento della schermata a un tipo specifico.
  • unlock - Sblocca l'orientamento della schermata.
  • startOrientationTracking - Avvia la tracciatura dell'orientamento del dispositivo utilizzando i sensori di movimento.

- Esempio di utilizzo

orientation

Esegui la richiesta per ottenere l'orientamento corrente della schermata.

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

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

lock

Blocca l'orientamento dello schermo a un tipo specifico.

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

Sblocca l'orientamento dello schermo.

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

await ScreenOrientation.unlock();

startOrientationTracking

Avvia la tracciatura dell'orientamento del dispositivo utilizzando i sensori di movimento.

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);
});

Riferimento Completo

Continua da Utilizzare @capgo/capacitor-orientamento dello schermo

Se stai utilizzando Utilizzare @capgo/capacitor-orientamento dello schermo per pianificare il comportamento dei media nativi e dell'interfaccia, collegalo con @capgo/capacitor-orientamento dello schermo per il dettaglio di implementazione in @capgo/capacitor-orientamento della schermata Iniziare per il dettaglio di implementazione in Iniziare Utilizzo di @capgo/capacitor-attività in diretta per la capacità nativa in Utilizzo di @capgo/capacitor-attività in diretta @capgo/capacitor-attività in diretta per il dettaglio di implementazione in @capgo/capacitor-attività in diretta, e Utilizzo di @capgo/capacitor-lettore di video per la capacità nativa in Utilizzo di @capgo/capacitor-lettore di video.