Skip to content

Instantly share code, notes, and snippets.

@mattregul
Last active October 7, 2016 20:51
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save mattregul/cd74fd4cc6173d4bec3cd7138044f226 to your computer and use it in GitHub Desktop.
Save mattregul/cd74fd4cc6173d4bec3cd7138044f226 to your computer and use it in GitHub Desktop.
<?xml version="1.0" encoding="utf-8"?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" xmlns:local="clr-namespace:JistTV;assembly=JistTV" xmlns:ffimage="clr-namespace:FFImageLoading.Forms;assembly=FFImageLoading.Forms" x:Class="ImageGridTest.GridPage" Title="Grid" BackgroundColor="Black">
<ContentPage.Padding>
<OnPlatform x:TypeArguments="Thickness" iOS="0, 20, 0, 0" WinPhone="20,20,20,20" />
</ContentPage.Padding>
<ContentPage.Content>
<ScrollView Orientation="Vertical" BackgroundColor="Teal">
<!-- Xamarin Forms - Grids - https://developer.xamarin.com/guides/xamarin-forms/user-interface/layouts/grid/ -->
<!-- Optimizing App Performance with Xamarin.Forms – https://www.youtube.com/watch?v=RZvdql3Ev0E -->
<Grid ColumnSpacing="5" RowSpacing="2">
<!--Rows ===================================================-->
<Grid.RowDefinitions>
<RowDefinition Height="*" />
<RowDefinition Height="*" />
<RowDefinition Height="*" />
</Grid.RowDefinitions>
<!--Columns ================================================-->
<Grid.ColumnDefinitions>
<ColumnDefinition Width="5" />
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<Image Source="red.jpg" Aspect="AspectFit" Grid.Row="0" Grid.Column="0" />
<Image Source="blue.jpg" Aspect="AspectFit" Grid.Row="0" Grid.Column="1" />
<Image Source="green.jpg" Aspect="AspectFit" Grid.Row="1" Grid.Column="0" />
<Image Source="brown.jpg" Aspect="AspectFit" Grid.Row="1" Grid.Column="1" />
<Image Source="purple.jpg" Aspect="AspectFit" Grid.Row="2" Grid.Column="0" />
<Image Source="yellow.jpg" Aspect="AspectFit" Grid.Row="2" Grid.Column="1" />
</Grid>
</ScrollView>
</ContentPage.Content>
</ContentPage>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment