So aktivieren Sie Rahmen in Raster in Xamarin.forms

Gibt es keine Border Eigenschaft für GridViewaber:

Setzen Sie einfach grid.BackgroundColor zu Ihrem gewünschten Rahmenfarbe Wert einstellen und dann grid.ColumnSpacing und grid.RowSpacing zu Wert und stellen Sie sicher, dass alle Steuerelemente, die Sie hinzufügen, um die grid eigenen BackgroundColor richtig eingestellt.

InformationsquelleAutor der Antwort Daniel Luberda

Gerade aufgefallen, dass mein Beispiel ist ähnlich Sturla 's aber ein wenig anders, also lass' ich es.

Code ist nicht super schön, aber ich habe etwas ähnliches durch hinzufügen 1px BoxView zwischen jede Spalte und dann 1 auf der Oberseite des Grid und eine auf der Unterseite Ihres Grid:

<Grid VerticalOptions="FillAndExpand"
      HorizontalOptions="FillAndExpand"
      RowSpacing="0"
      ColumnSpacing="0">

  <Grid.ColumnDefinitions>
    <ColumnDefinition Width="*"/>
  </Grid.ColumnDefinitions>

  <Grid.RowDefinitions>
    <RowDefinition Height="1"/>
    <RowDefinition Height="Auto"/>
    <RowDefinition Height="1"/>
  </Grid.RowDefinitions>

  <BoxView BackgroundColor="Black"
           HeightRequest="1"
           HorizontalOptions="FillAndExpand"
           Grid.Row="0"/>

  <Grid VerticalOptions="Start"
        ColumnSpacing="0"
        Grid.Row="1">

    <Grid.ColumnDefinitions>
      <ColumnDefinition Width="*"/>
      <ColumnDefinition Width="1"/>
      <ColumnDefinition Width="*"/>
    </Grid.ColumnDefinitions>

    <Grid.RowDefinitions>
      <RowDefinition Height="Auto"/>
    </Grid.RowDefinitions>

    <Button Text="Button 1"/>

    <BoxView BackgroundColor="Black"
             WidthRequest="1"
             VerticalOptions="FillAndExpand"
             Grid.Column="1"/>

    <Button Text="Button 1"
            Grid.Column="2"/>
  </Grid>

  <BoxView BackgroundColor="Black"
           HeightRequest="1"
           HorizontalOptions="FillAndExpand"
           Grid.Row="2"/>
</Grid>

*Edit: Da das schreiben dieses, ich habe verändert die Art, wie ich es ein bisschen. Nun, wie Daniel Luberda Antwort, ich legen Sie einfach die Grid.BackgroundColor zu Color.Black und dann kann ich entfernen Sie alle BoxViews und ich bin fertig. Ich mache dies, weil ich vermute, es ist viel besser, einige Ansichten auf dem Bildschirm, vor allem, wenn Sie setzen etwas, wie das oben in einem ListView.

Auch, da viele meiner Seiten animieren die Buttons beim laden der Seite (mit ScaleTo()) habe ich zunächst die Grid.BackgroundColor zu Color.Transparent oder Color.White und dann, sobald die animation fertig ist, ändere ich es um Color.Black. Hat funktioniert ziemlich gut so weit.

InformationsquelleAutor der Antwort hvaughan3

Wenn Sie möchten, eine Lösung mit mehr Gleichheit in Grenzen, als Daniel Luberda IST anwser, hier ist was ich benutzt habe :

Machen ein Raster, in dem element haben Grenzen. Setzen Sie den Abstand zwischen colomns und Reihen auf 0 ein. Für jedes element des Gitters stellen Sie ein weiteres Gitter mit einer Boxview, und Ihren Blick auf die top-Boxview. Dann,setzen Sie jedes BoxView zu füllen und zu erweitern. Dann passen Sie die Polsterung von diesen "unter"-Netze, wie Sie möchten. Jedes element des Rasters getrennt werden equaly.

Dies ist ziemlich schwer, obwohl.

InformationsquelleAutor der Antwort Francis R.