Xamarin.Forms doppio schermo

  • Articolo

I dispositivi a doppio schermo come Microsoft Surface Duo facilitano le nuove possibilità di esperienza utente per le applicazioni. Xamarin.Forms include TwoPaneView classi e DualScreenInfo in modo da poter sviluppare app per dispositivi a doppio schermo.

Operazioni preliminari

Seguire questa procedura per aggiungere funzionalità a doppio schermo a un'app Xamarin.Forms :

  1. Aprire la finestra di dialogo Gestione pacchetti NuGet per la soluzione.

  2. Nella scheda Sfoglia cerca Xamarin.Forms.DualScreen.

  3. Installare il Xamarin.Forms.DualScreen pacchetto nella soluzione.

  4. Aggiungere la chiamata seguente al metodo di inizializzazione alla classe del MainActivity progetto Android, nell'evento OnCreate :

    Xamarin.Forms.DualScreen.DualScreenService.Init(this);

    Questo metodo è necessario affinché l'app sia in grado di rilevare le modifiche nello stato dell'app, ad esempio l'estensione su due schermate.

  5. Aggiornare l'attributo Activity nella classe del MainActivity progetto Android, in modo che includa tutte le ConfigurationChanges opzioni seguenti:

    ConfigurationChanges = ConfigChanges.ScreenSize | ConfigChanges.Orientation
    | ConfigChanges.ScreenLayout | ConfigChanges.SmallestScreenSize | ConfigChanges.UiMode

    Questi valori sono necessari in modo che le modifiche alla configurazione e lo stato dell'intervallo possano essere segnalate in modo più affidabile. Per impostazione predefinita, vengono aggiunti solo due ai Xamarin.Forms progetti, quindi ricordarsi di aggiungere il resto per il supporto affidabile a doppio schermo.

Risoluzione dei problemi

Se la classe o TwoPaneView il DualScreenInfo layout non funzionano come previsto, controllare le istruzioni di configurazione in questa pagina. L'omissione o la configurazione errata del Init metodo o dei valori dell'attributo ConfigurationChanges sono cause comuni di errori.

Per altre indicazioni e implementazioni di riferimento, vedere gli Xamarin.Forms esempi a doppio schermo.

Passaggi successivi

Dopo aver aggiunto NuGet, aggiungere funzionalità a doppio schermo all'app con le indicazioni seguenti:

  • Modelli di progettazione a doppio schermo: quando si valuta come usare al meglio più schermi in un dispositivo a doppio schermo, fare riferimento a questo modello indicazioni per trovare la soluzione migliore per l'interfaccia dell'applicazione.
  • Layout TwoPaneView : la Xamarin.FormsTwoPaneView classe, ispirata al controllo UWP con lo stesso nome, è un layout multipiattaforma ottimizzato per i dispositivi a doppio schermo.
  • Classe helper DualScreenInfo: la DualScreenInfo classe consente di determinare il riquadro su cui si trova la visualizzazione, quanto è grande, qual è il comportamento del dispositivo, l'angolo della cerniera e altro ancora.
  • Trigger a doppio schermo: lo Xamarin.Forms.DualScreen spazio dei nomi include due trigger di stato che attivano una VisualState modifica quando cambia la modalità di visualizzazione del layout collegato o della finestra.

Per altre informazioni, vedere la documentazione per sviluppatori a doppio schermo.