Skip to content

Instantly share code, notes, and snippets.

@poojarsn
Created November 14, 2019 22:52
Grid- Metro style Tile
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="*" />
<RowDefinition Height="*" />
<RowDefinition Height="*" />
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<Grid Grid.Row="1" Grid.Column="0" Padding="5" Margin="5" ColumnSpacing="2" RowSpacing="2">
<Grid.RowDefinitions>
<RowDefinition Height="*" />
<RowDefinition Height="*" />
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*" />
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<StackLayout Grid.Row="0" Grid.Column="0" HorizontalOptions="FillAndExpand" BackgroundColor="#0071be" VerticalOptions="FillAndExpand">
<Label Text="Top Left" />
</StackLayout>
<StackLayout Grid.Row="0" Grid.Column="1" HorizontalOptions="FillAndExpand" BackgroundColor="#0071be" VerticalOptions="FillAndExpand">
<Label Text="Top Right" />
</StackLayout>
<StackLayout Grid.Row="1" Grid.Column="0" HorizontalOptions="FillAndExpand" BackgroundColor="#0071be" VerticalOptions="FillAndExpand">
<Label Text="Bottom Left" />
</StackLayout>
<StackLayout Grid.Row="1" Grid.Column="1" HorizontalOptions="FillAndExpand" BackgroundColor="#0071be" VerticalOptions="FillAndExpand">
<Label Text="Bottom Right" />
</StackLayout>
</Grid>
</Grid>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment