From c107d6eac5bbd08f92cb19e02abee7fbde209096 Mon Sep 17 00:00:00 2001
From: syneffort <syneffort@gmail.com>
Date: Thu, 26 Jan 2023 18:11:59 +0900
Subject: [PATCH] relative layout (not recommended)

---
 .../XamarinStudy/XamarinStudy/App.xaml.cs     |  4 ++-
 .../Views/SampleRelativeLayoutPage.xaml       | 32 +++++++++++++++++++
 .../Views/SampleRelativeLayoutPage.xaml.cs    | 20 ++++++++++++
 .../XamarinStudy/XamarinStudy.csproj          |  3 ++
 4 files changed, 58 insertions(+), 1 deletion(-)
 create mode 100644 XamarinStudy/XamarinStudy/XamarinStudy/Views/SampleRelativeLayoutPage.xaml
 create mode 100644 XamarinStudy/XamarinStudy/XamarinStudy/Views/SampleRelativeLayoutPage.xaml.cs

diff --git a/XamarinStudy/XamarinStudy/XamarinStudy/App.xaml.cs b/XamarinStudy/XamarinStudy/XamarinStudy/App.xaml.cs
index 023049a..32b57c9 100644
--- a/XamarinStudy/XamarinStudy/XamarinStudy/App.xaml.cs
+++ b/XamarinStudy/XamarinStudy/XamarinStudy/App.xaml.cs
@@ -45,7 +45,9 @@ namespace XamarinStudy
 
 			//MainPage = new SampleGridLayoutPage();
 
-			MainPage = new SampleAbsoluteLayoutPage();
+			//MainPage = new SampleAbsoluteLayoutPage();
+
+			MainPage = new SampleRelativeLayoutPage();
 		}
 
 		protected override void OnStart()
diff --git a/XamarinStudy/XamarinStudy/XamarinStudy/Views/SampleRelativeLayoutPage.xaml b/XamarinStudy/XamarinStudy/XamarinStudy/Views/SampleRelativeLayoutPage.xaml
new file mode 100644
index 0000000..9bc703f
--- /dev/null
+++ b/XamarinStudy/XamarinStudy/XamarinStudy/Views/SampleRelativeLayoutPage.xaml
@@ -0,0 +1,32 @@
+<?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.SampleRelativeLayoutPage">
+    <ContentPage.Content>
+        <RelativeLayout>
+            <!--BoxView Default Size = 40,40-->
+            <BoxView BackgroundColor="Red" 
+                     RelativeLayout.XConstraint="{ConstraintExpression Type=Constant, Constant=0}"
+                     RelativeLayout.YConstraint="{ConstraintExpression Type=Constant, Constant=0}"/>
+            <BoxView BackgroundColor="Green" 
+                     RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Constant=-40}"
+                     RelativeLayout.YConstraint="{ConstraintExpression Type=Constant, Constant=0}"/>
+            <BoxView BackgroundColor="Blue" 
+                     RelativeLayout.XConstraint="{ConstraintExpression Type=Constant, Constant=0}"
+                     RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Constant=-40}"/>
+            <BoxView BackgroundColor="Yellow" 
+                     RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Constant=-40}"
+                     RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Constant=-40}"/>
+            <BoxView x:Name="centerBox" Color="Silver" 
+                     RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.33}"
+                     RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.33}"
+                     RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.33}"
+                     RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.33}"/>
+            <BoxView BackgroundColor="Violet"
+                     RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToView, ElementName=centerBox, Property=Width}"
+                     RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToView, ElementName=centerBox, Property=Height}"
+                     RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToView, ElementName=centerBox, Property=Width, Factor=0.33}"
+                     RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToView, ElementName=centerBox, Property=Height, Factor=0.33}"/>
+        </RelativeLayout>
+    </ContentPage.Content>
+</ContentPage>
\ No newline at end of file
diff --git a/XamarinStudy/XamarinStudy/XamarinStudy/Views/SampleRelativeLayoutPage.xaml.cs b/XamarinStudy/XamarinStudy/XamarinStudy/Views/SampleRelativeLayoutPage.xaml.cs
new file mode 100644
index 0000000..560b39b
--- /dev/null
+++ b/XamarinStudy/XamarinStudy/XamarinStudy/Views/SampleRelativeLayoutPage.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 SampleRelativeLayoutPage : ContentPage
+	{
+		public SampleRelativeLayoutPage()
+		{
+			InitializeComponent();
+		}
+	}
+}
\ No newline at end of file
diff --git a/XamarinStudy/XamarinStudy/XamarinStudy/XamarinStudy.csproj b/XamarinStudy/XamarinStudy/XamarinStudy/XamarinStudy.csproj
index 47dce75..fc08dd5 100644
--- a/XamarinStudy/XamarinStudy/XamarinStudy/XamarinStudy.csproj
+++ b/XamarinStudy/XamarinStudy/XamarinStudy/XamarinStudy.csproj
@@ -44,6 +44,9 @@
     <EmbeddedResource Update="Views\SampleNavigationPage.xaml">
       <Generator>MSBuild:UpdateDesignTimeXaml</Generator>
     </EmbeddedResource>
+    <EmbeddedResource Update="Views\SampleRelativeLayoutPage.xaml">
+      <Generator>MSBuild:UpdateDesignTimeXaml</Generator>
+    </EmbeddedResource>
     <EmbeddedResource Update="Views\SampleStackLayoutPage.xaml">
       <Generator>MSBuild:UpdateDesignTimeXaml</Generator>
     </EmbeddedResource>