2015-03-04 10 views
7

C'è qualcuno là fuori che può spiegarmi come rowspan e columnspan in Xamarin Forms? I parametri a destra, a sinistra, in alto, in basso sono un po 'confusi.RowSpan e ColumnSpan in Xamarin Forms

Consente di utilizzare questo frammento di codice per rowspan:

   grid.Children.Add(new Label 
      { 
       Text = "Span two rows (or more if you want)", 
       TextColor = Color.Yellow, 
       BackgroundColor = Color.Navy, 
       XAlign = TextAlignment.Center, 
       YAlign = TextAlignment.Center 
      }, 2, 3, 1, 3); 

Cosa i numeri 2, 3, 1, 3 significano in termini di colonne e righe qui? Questo è per una griglia con quattro righe e tre colonne.

risposta

14

Questa risposta viene copiata e incollata da this answer at Xamarin's forums da Till Balandat, ma è utile qui poiché la documentazione di Xamarin non sembra spiegare i parametri aggiuntivi al metodo Aggiungi.

Il sovraccarico per aggiungere che prende 4 parametri è un po 'di confusione, ma alla fine consente di definire fila, RowSpan, Colonna e columnspan: Così l'esempio precedente

var label = new Label { Text = "Row 1" }; 
myGrid.Children.Add(label,0,0); 
Grid.SetColumnSpan(label,2); 

si traduce in:

var label = new Label { Text = "Row 1" }; 
myGrid.Children.Add(label, 0, 2, 0, 1); 

Questo è ciò che fa Xamarin internamente:

public void Add(View view, int left, int right, int top, int bottom) 
{ 
    //..exceptionhandling removed 
    Grid.SetRow((BindableObject) view, top); 
    Grid.SetRowSpan((BindableObject) view, bottom - top); 
    Grid.SetColumn((BindableObject) view, left); 
    Grid.SetColumnSpan((BindableObject) view, right - left); 
    this.Add(view); 
} 

cui si potrebbe essere più a suo agio con qualcosa di simile:

public static class GridExtension 
{ 
    public static void AddChild(this Grid grid, View view, int row, int column, int rowspan = 1, int columnspan = 1) 
    { 
     if (row < 0) 
      throw new ArgumentOutOfRangeException("row"); 
     if (column < 0) 
      throw new ArgumentOutOfRangeException("column"); 
     if (rowspan <= 0) 
      throw new ArgumentOutOfRangeException("rowspan"); 
     if (columnspan <= 0) 
      throw new ArgumentOutOfRangeException("columnspan"); 
     if (view == null) 
      throw new ArgumentNullException("view"); 
     Grid.SetRow((BindableObject)view, row); 
     Grid.SetRowSpan((BindableObject) view, rowspan); 
     Grid.SetColumn((BindableObject) view, column); 
     Grid.SetColumnSpan((BindableObject) view, columnspan); 
     grid.Children.Add(view);  
    } 
} 
+1

Nota: (E 'appena mi ha portato mezz'ora) - Impostazione del ColumnSpan a qualcosa heighter di 1 non funziona se una griglia non ha RowDefinitions, anche su una griglia a linea singola ... (Almeno in un'app UWP di Xamarin Form) – Markus