Xamarin.Forms doppio schermo

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

Introduzione

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

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

  2. Nella scheda Sfoglia cercare .

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

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

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

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

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

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

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

Risoluzione dei problemi

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

Per altre Xamarin.Forms dual-screen samples indicazioni e implementazioni di riferimento, vedere .

Passaggi successivi

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

  • Modelli di progettazione a doppio schermo: quando si considera come usare al meglio più schermate in un dispositivo a doppio schermo, fare riferimento a queste linee guida per il modello per trovare la soluzione più adatta all'interfaccia dell'applicazione.
  • Layout TwoPaneView: la classe, ispirata al controllo UWP con lo stesso nome, è un layout multipiattaforma ottimizzato per i TwoPaneView dispositivi a doppio schermo.
  • Classe helper DualScreenInfo: la classe consente di determinare il riquadro in cui si trova la visualizzazione, la sua estensione, la posizione in cui si trova il dispositivo, l'angolo della cerniola e altro ancora.
  • Trigger a doppio schermo: lo spazio dei nomi include due trigger di stato che attivano una modifica quando cambia la modalità di visualizzazione del layout collegato o della VisualState finestra.

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