Xamarin Forms UI Style Guide : 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>

view raw grid_tile_style.xaml hosted with ❤ by GitHub