Layout di Novell. Forms TwoPaneViewXamarin.Forms TwoPaneView layout

Il controllo TwoPaneView è disponibile nell'anteprima NuGet Novell. Forms. DualScreen .The TwoPaneView control is available in the Xamarin.Forms.DualScreen NuGet preview. Il codice seguente illustra un semplice esempio di XAML:The following code shows a simple XAML example:

<ContentPage xmlns:dualScreen="clr-namespace:Xamarin.Forms.DualScreen;assembly=Xamarin.Forms.DualScreen">
    <dualScreen:TwoPaneView>
        <dualScreen:TwoPaneView.Pane1>
            <StackLayout>
                <Label Text="Pane1 Content" />
            </StackLayout>
        </dualScreen:TwoPaneView.Pane1>
        <dualScreen:TwoPaneView.Pane2>
            <StackLayout>
                <Label Text="Pane2 Content" />
            </StackLayout>
        </dualScreen:TwoPaneView.Pane2>
    </dualScreen:TwoPaneView>
</ContentPage>

Per impostazione predefinita, il TwoPaneView tenterà sempre di eseguire il rendering di entrambi i riquadri, il che significa che quando l'app è in esecuzione su una sola schermata, la visualizzazione verrà divisa tra i due riquadri.By default the TwoPaneView will attempt to always render both panes, which means that when the app is running on a single-screen, the view will be split between the two panes. Le proprietà seguenti possono essere utilizzate per influire sul layout quando viene eseguito solo il rendering in una schermata:The following properties can be used to affect the layout when it's only rendering on one screen:

  • MinTallModeHeight: indica l'altezza minima del controllo per l'attivazione della modalità Tall.MinTallModeHeight – indicates the minimum height the control must be to enter tall mode.
  • MinWideModeWidth: indica la larghezza minima del controllo per l'attivazione della modalità Wide.MinWideModeWidth – indicates the minimum width the control must be to enter wide mode.
  • Pane1Length : imposta la larghezza di pane1 in modalità Wide, l'altezza di pane1 in modalità Tall e non ha effetto in modalità SinglePane.Pane1Length – sets the width of Pane1 in Wide mode, the height of Pane1 in Tall mode, and has no effect in SinglePane mode.
  • Pane2Length : imposta la larghezza di Pane2 in modalità Wide, l'altezza di Pane2 in modalità Tall e non ha effetto in modalità SinglePane.Pane2Length – sets the width of Pane2 in Wide mode, the height of Pane2 in Tall mode, and has no effect in SinglePane mode.

In Surface Duo le applicazioni possono estendersi su due schermi.On the Surface Duo, applications can be spanned across two screens. Il controllo TwoPaneView dispone di proprietà aggiuntive che determinano la posizione in cui viene eseguito il rendering dei due riquadri l'uno rispetto all'altro (con singolo o doppio schermo):The TwoPaneView control has additional properties that determine where the two panes are rendered in relation to each other (in both single- or dual-screen):

  • TallModeConfiguration : quando è in modalità tall, i riquadri possono essere Top/Bottom, Bottom/Top oppure è possibile visualizzare solo un singolo riquadro.TallModeConfiguration – when in tall mode, the panes can be Top/Bottom, Bottom/Top, or a single pane only can be shown.
  • WideModeConfiguration : in modalità Wide, i riquadri possono essere a sinistra/destra, a destra o a sinistra o solo a un singolo riquadro.WideModeConfiguration – when in wide mode, the panes can be Left/Right, Right/Left, or a single pane only.
  • PanePriority : indica se visualizzare pane1 o Pane2 se è stata scelta la modalità SinglePane per la modalità alta o ampia.PanePriority – whether to show Pane1 or Pane2 if in SinglePane mode is chosen for tall or wide mode.

Sono disponibili tre modalità di visualizzazione:There are three display modes:

  • SinglePane: è attualmente visibile un solo riquadro.SinglePane – only one pane is currently visible.
  • Wide: i due riquadri sono disposti orizzontalmente.Wide – the two panes are laid out horizontally. Un riquadro si trova a sinistra e l'altro a destra.One pane is on the left and the other is on the right. In Surface Duo le due schermate sono in modalità verticale.On the Surface Duo the two screens are in portrait mode.
  • Tall: i due riquadri sono disposti verticalmente.Tall – the two panes are laid out vertically. Un riquadro si trova nella parte superiore e l'altro nella parte inferiore.One pane is on top and the other is on bottom. In Surface Duo le due schermate sono in modalità orizzontale.On the Surface Duo the two screens are in landscape mode.

Per altre informazioni, vedere la documentazione di Novell.Read more in the Xamarin documentation. Alcune considerazioni di progettazione nella documentazione di UWP TwoPaneView si applicano anche al controllo Novell.Some of the design considerations in the UWP TwoPaneView documentation also apply to the Xamarin control.

Risoluzione dei problemiTroubleshooting

Se si osserva un comportamento o un layout imprevisto da TwoPaneView , controllare le istruzioni di installazione, inclusi il Init metodo e l' ConfigurationChanges attributo.If you observe unexpected behavior or layout from TwoPaneView, check the set-up instructions, including the Init method and ConfigurationChanges attribute.