grid layout

XamarinStudy/XamarinStudy/XamarinStudy/App.xaml.cs

@@ -41,7 +41,9 @@ namespace XamarinStudy
 			//tabbed.Children.Add(new SampleElementPage2() { Title = "CS" });
 			//MainPage = tabbed;
 
-			MainPage = new SampleStackLayoutPage();
+			//MainPage = new SampleStackLayoutPage();
+
+			MainPage = new SampleGridLayoutPage();
 		}
 
 		protected override void OnStart()

XamarinStudy/XamarinStudy/XamarinStudy/Views/SampleGridLayoutPage.xaml

@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
+             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+             x:Class="XamarinStudy.Views.SampleGridLayoutPage">
+    <ContentPage.Content>
+        <Grid>
+            <Grid.ColumnDefinitions>
+                <ColumnDefinition Width="Auto"/>
+                <ColumnDefinition Width="150"/>
+                <ColumnDefinition Width="*"/>
+            </Grid.ColumnDefinitions>
+            <Grid.RowDefinitions>
+                <RowDefinition Height="Auto"/>
+                <RowDefinition Height="5*"/>
+                <RowDefinition Height="5*"/>
+            </Grid.RowDefinitions>
+            
+            <Button Text="0,0" Grid.Row="0" Grid.Column="0" BackgroundColor="ForestGreen" FontSize="Large"/>
+            <Button Text="0,1" Grid.Row="0" Grid.Column="1" BackgroundColor="Orange" FontSize="Large"/>
+            <Button Text="0,2" Grid.Row="0" Grid.Column="2" BackgroundColor="Salmon" FontSize="Large"/>
+            <Button Text="1,0" Grid.Row="1" Grid.Column="0" BackgroundColor="Orange" FontSize="Large"/>
+            <Button Text="1,1" Grid.Row="1" Grid.Column="1" BackgroundColor="Salmon" FontSize="Large"/>
+            <Button Text="1,2" Grid.Row="1" Grid.Column="2" BackgroundColor="ForestGreen" FontSize="Large"/>
+            <Grid Grid.Row="2" Grid.Column="0" Grid.ColumnSpan="3" BackgroundColor="DarkGoldenrod">
+                <Grid.ColumnDefinitions>
+                    <ColumnDefinition Width="3*"/>
+                    <ColumnDefinition Width="7*"/>
+                </Grid.ColumnDefinitions>
+                
+                <StackLayout Grid.Row="0" Grid.Column="0" BackgroundColor="DeepSkyBlue">
+                    <Label Text="0,0-1"/>
+                    <Label Text="0,0-2"/>
+                </StackLayout>
+                <StackLayout Grid.Row="0" Grid.Column="1" BackgroundColor="DeepSkyBlue" Orientation="Horizontal">
+                    <Label Text="0,0-1"/>
+                    <Label Text="0,0-2"/>
+                </StackLayout>
+            </Grid>
+        </Grid>
+    </ContentPage.Content>
+</ContentPage>

XamarinStudy/XamarinStudy/XamarinStudy/Views/SampleGridLayoutPage.xaml.cs

@@ -0,0 +1,20 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+
+using Xamarin.Forms;
+using Xamarin.Forms.Xaml;
+
+namespace XamarinStudy.Views
+{
+	[XamlCompilation(XamlCompilationOptions.Compile)]
+	public partial class SampleGridLayoutPage : ContentPage
+	{
+		public SampleGridLayoutPage()
+		{
+			InitializeComponent();
+		}
+	}
+}

XamarinStudy/XamarinStudy/XamarinStudy/Views/SampleStackLayoutPage.xaml

@@ -18,7 +18,7 @@
                 <Button Text="Button2"/>
                 <Button Text="Button3"/>
             </StackLayout>
-            <StackLayout Orientation="Horizontal" BackgroundColor="GreenYellow" Padding="10 50">
+            <StackLayout Orientation="Horizontal" BackgroundColor="GreenYellow" Padding="10, 50">
                 <Button Text="Button1"/>
                 <Button Text="Button2"/>
                 <Button Text="Button3"/>

XamarinStudy/XamarinStudy/XamarinStudy/XamarinStudy.csproj

@@ -35,6 +35,9 @@
     <EmbeddedResource Update="Views\SampleFlyoutPageFlyout.xaml">
       <Generator>MSBuild:UpdateDesignTimeXaml</Generator>
     </EmbeddedResource>
+    <EmbeddedResource Update="Views\SampleGridLayoutPage.xaml">
+      <Generator>MSBuild:UpdateDesignTimeXaml</Generator>
+    </EmbeddedResource>
     <EmbeddedResource Update="Views\SampleNavigationPage.xaml">
       <Generator>MSBuild:UpdateDesignTimeXaml</Generator>
     </EmbeddedResource>