Saltare al contenuto principale

Guida

Tutoriale sull'orientamento dello schermo

Esegui il test sul dispositivo

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

Anteprima del collegamento QR del plugin di orientamento dello schermo code

Utilizzo di @capgo/capacitor-orientamento dello schermo

Capacitor Interfaccia del plugin di orientamento dello schermo

Installa

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

Cosa questo plugin espone

  • orientation - Ottieni l'orientamento attuale dello schermo.
  • lock - Blocca l'orientamento dello schermo a un tipo specifico.
  • unlock - Sblocca l'orientamento dello schermo.
  • startOrientationTracking - Avvia la tracciatura dell'orientamento dispositivo utilizzando i sensori di movimento.

Esempio di utilizzo

orientation

Ottieni l'orientamento attuale dello schermo.

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

Svincola l'orientamento dello schermo.

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

await ScreenOrientation.unlock();

startOrientationTracking

Avvia la tracciatura dell'orientamento 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 con l'uso di @capgo/capacitor-orientamento dello schermo

Se stai utilizzando Utilizza @capgo/capacitor-orientamento dello schermo per pianificare il comportamento dei media nativi e dell'interfaccia, collegalo con @capgo/capacitor-orientamento dello schermo For l'implementazione dettagliata in @capgo/capacitor-orientamento dello schermo, Avvio rapido Per l'implementazione dettagliata in Avvio rapido, 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 l'implementazione dettagliata 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.