diff --git a/UserInterface/Layout/RelativeLayoutDemos/README.md b/UserInterface/Layout/RelativeLayoutDemos/README.md
new file mode 100644
index 0000000000..7c8b13c363
--- /dev/null
+++ b/UserInterface/Layout/RelativeLayoutDemos/README.md
@@ -0,0 +1,20 @@
+---
+name: Xamarin.Forms - RelativeLayout
+description: "This sample demonstrates how to use the Xamarin.Forms RelativeLayout (UI)"
+page_type: sample
+languages:
+- csharp
+products:
+- xamarin
+extensions:
+ tags:
+ - ui
+urlFragment: userinterface-relativelayoutdemos
+---
+# RelativeLayout
+
+This sample demonstrates how to use the Xamarin.Forms `RelativeLayout`.
+
+For more information about this sample, see [Xamarin.Forms RelativeLayout](https://docs.microsoft.com/xamarin/xamarin-forms/user-interface/layouts/relativelayout).
+
+
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.Android/Assets/AboutAssets.txt b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.Android/Assets/AboutAssets.txt
new file mode 100644
index 0000000000..072563f8f8
--- /dev/null
+++ b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.Android/Assets/AboutAssets.txt
@@ -0,0 +1,19 @@
+Any raw assets you want to be deployed with your application can be placed in
+this directory (and child directories) and given a Build Action of "AndroidAsset".
+
+These files will be deployed with your package and will be accessible using Android's
+AssetManager, like this:
+
+public class ReadAsset : Activity
+{
+ protected override void OnCreate (Bundle bundle)
+ {
+ base.OnCreate (bundle);
+
+ InputStream input = Assets.Open ("my_asset.txt");
+ }
+}
+
+Additionally, some Android functions will automatically load asset files:
+
+Typeface tf = Typeface.CreateFromAsset (Context.Assets, "fonts/samplefont.ttf");
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.Android/MainActivity.cs b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.Android/MainActivity.cs
new file mode 100644
index 0000000000..d9ec33c39c
--- /dev/null
+++ b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.Android/MainActivity.cs
@@ -0,0 +1,20 @@
+using Android.App;
+using Android.Content.PM;
+using Android.OS;
+
+namespace RelativeLayoutDemos.Droid
+{
+ [Activity(Label = "RelativeLayoutDemos", Icon = "@mipmap/icon", Theme = "@style/MainTheme", MainLauncher = true, ConfigurationChanges = ConfigChanges.ScreenSize | ConfigChanges.Orientation | ConfigChanges.UiMode | ConfigChanges.ScreenLayout | ConfigChanges.SmallestScreenSize)]
+ public class MainActivity : global::Xamarin.Forms.Platform.Android.FormsAppCompatActivity
+ {
+ protected override void OnCreate(Bundle savedInstanceState)
+ {
+ TabLayoutResource = Resource.Layout.Tabbar;
+ ToolbarResource = Resource.Layout.Toolbar;
+
+ base.OnCreate(savedInstanceState);
+ global::Xamarin.Forms.Forms.Init(this, savedInstanceState);
+ LoadApplication(new App());
+ }
+ }
+}
\ No newline at end of file
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.Android/Properties/AndroidManifest.xml b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.Android/Properties/AndroidManifest.xml
new file mode 100644
index 0000000000..e3a9c5c864
--- /dev/null
+++ b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.Android/Properties/AndroidManifest.xml
@@ -0,0 +1,6 @@
+
+
+
+
+
+
\ No newline at end of file
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.Android/Properties/AssemblyInfo.cs b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.Android/Properties/AssemblyInfo.cs
new file mode 100644
index 0000000000..229b7c02b0
--- /dev/null
+++ b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.Android/Properties/AssemblyInfo.cs
@@ -0,0 +1,30 @@
+using System.Reflection;
+using System.Runtime.CompilerServices;
+using System.Runtime.InteropServices;
+using Android.App;
+
+// General Information about an assembly is controlled through the following
+// set of attributes. Change these attribute values to modify the information
+// associated with an assembly.
+[assembly: AssemblyTitle("RelativeLayoutDemos.Android")]
+[assembly: AssemblyDescription("")]
+[assembly: AssemblyConfiguration("")]
+[assembly: AssemblyCompany("")]
+[assembly: AssemblyProduct("RelativeLayoutDemos.Android")]
+[assembly: AssemblyCopyright("Copyright © 2014")]
+[assembly: AssemblyTrademark("")]
+[assembly: AssemblyCulture("")]
+[assembly: ComVisible(false)]
+
+// Version information for an assembly consists of the following four values:
+//
+// Major Version
+// Minor Version
+// Build Number
+// Revision
+[assembly: AssemblyVersion("1.0.0.0")]
+[assembly: AssemblyFileVersion("1.0.0.0")]
+
+// Add some common permissions, these can be removed if not needed
+[assembly: UsesPermission(Android.Manifest.Permission.Internet)]
+[assembly: UsesPermission(Android.Manifest.Permission.WriteExternalStorage)]
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.Android/RelativeLayoutDemos.Android.csproj b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.Android/RelativeLayoutDemos.Android.csproj
new file mode 100644
index 0000000000..8b5143ed6e
--- /dev/null
+++ b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.Android/RelativeLayoutDemos.Android.csproj
@@ -0,0 +1,96 @@
+
+
+
+ Debug
+ AnyCPU
+ {965F86A1-FC96-46BF-B2BE-3CB937D52F44}
+ {EFBA0AD7-5A72-4C68-AF49-83D382785DCF};{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}
+ {c9e5eea5-ca05-42a1-839b-61506e0a37df}
+ Library
+ RelativeLayoutDemos.Droid
+ RelativeLayoutDemos.Android
+ True
+ True
+ Resources\Resource.designer.cs
+ Resource
+ Properties\AndroidManifest.xml
+ Resources
+ Assets
+ v9.0
+ true
+ true
+ Xamarin.Android.Net.AndroidClientHandler
+
+
+
+
+ true
+ portable
+ false
+ bin\Debug
+ DEBUG;
+ prompt
+ 4
+ None
+
+
+ true
+ portable
+ true
+ bin\Release
+ prompt
+ 4
+ true
+ false
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {10F682D3-B4B9-475B-9CEF-B3A290D7A98E}
+ RelativeLayoutDemos
+
+
+
+
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.Android/Resources/AboutResources.txt b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.Android/Resources/AboutResources.txt
new file mode 100644
index 0000000000..cb30f20b1c
--- /dev/null
+++ b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.Android/Resources/AboutResources.txt
@@ -0,0 +1,50 @@
+Images, layout descriptions, binary blobs and string dictionaries can be included
+in your application as resource files. Various Android APIs are designed to
+operate on the resource IDs instead of dealing with images, strings or binary blobs
+directly.
+
+For example, a sample Android app that contains a user interface layout (main.xml),
+an internationalization string table (strings.xml) and some icons (drawable-XXX/icon.png)
+would keep its resources in the "Resources" directory of the application:
+
+Resources/
+ drawable-hdpi/
+ icon.png
+
+ drawable-ldpi/
+ icon.png
+
+ drawable-mdpi/
+ icon.png
+
+ layout/
+ main.xml
+
+ values/
+ strings.xml
+
+In order to get the build system to recognize Android resources, set the build action to
+"AndroidResource". The native Android APIs do not operate directly with filenames, but
+instead operate on resource IDs. When you compile an Android application that uses resources,
+the build system will package the resources for distribution and generate a class called
+"Resource" that contains the tokens for each one of the resources included. For example,
+for the above Resources layout, this is what the Resource class would expose:
+
+public class Resource {
+ public class drawable {
+ public const int icon = 0x123;
+ }
+
+ public class layout {
+ public const int main = 0x456;
+ }
+
+ public class strings {
+ public const int first_string = 0xabc;
+ public const int second_string = 0xbcd;
+ }
+}
+
+You would then use R.drawable.icon to reference the drawable/icon.png file, or Resource.layout.main
+to reference the layout/main.xml file, or Resource.strings.first_string to reference the first
+string in the dictionary file values/strings.xml.
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.Android/Resources/layout/Tabbar.xml b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.Android/Resources/layout/Tabbar.xml
new file mode 100644
index 0000000000..b2d0868812
--- /dev/null
+++ b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.Android/Resources/layout/Tabbar.xml
@@ -0,0 +1,2 @@
+
+
\ No newline at end of file
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.Android/Resources/layout/Toolbar.xml b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.Android/Resources/layout/Toolbar.xml
new file mode 100644
index 0000000000..32440653b8
--- /dev/null
+++ b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.Android/Resources/layout/Toolbar.xml
@@ -0,0 +1,2 @@
+
+
\ No newline at end of file
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.Android/Resources/mipmap-anydpi-v26/icon.xml b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.Android/Resources/mipmap-anydpi-v26/icon.xml
new file mode 100644
index 0000000000..88d1d0a16c
--- /dev/null
+++ b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.Android/Resources/mipmap-anydpi-v26/icon.xml
@@ -0,0 +1,5 @@
+
+
+
+
+
\ No newline at end of file
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.Android/Resources/mipmap-anydpi-v26/icon_round.xml b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.Android/Resources/mipmap-anydpi-v26/icon_round.xml
new file mode 100644
index 0000000000..88d1d0a16c
--- /dev/null
+++ b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.Android/Resources/mipmap-anydpi-v26/icon_round.xml
@@ -0,0 +1,5 @@
+
+
+
+
+
\ No newline at end of file
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.Android/Resources/mipmap-hdpi/icon.png b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.Android/Resources/mipmap-hdpi/icon.png
new file mode 100644
index 0000000000..4623ca2c42
Binary files /dev/null and b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.Android/Resources/mipmap-hdpi/icon.png differ
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.Android/Resources/mipmap-hdpi/launcher_foreground.png b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.Android/Resources/mipmap-hdpi/launcher_foreground.png
new file mode 100644
index 0000000000..a89e5bbce6
Binary files /dev/null and b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.Android/Resources/mipmap-hdpi/launcher_foreground.png differ
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.Android/Resources/mipmap-mdpi/icon.png b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.Android/Resources/mipmap-mdpi/icon.png
new file mode 100644
index 0000000000..9b1d25e25d
Binary files /dev/null and b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.Android/Resources/mipmap-mdpi/icon.png differ
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.Android/Resources/mipmap-mdpi/launcher_foreground.png b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.Android/Resources/mipmap-mdpi/launcher_foreground.png
new file mode 100644
index 0000000000..431a8a053d
Binary files /dev/null and b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.Android/Resources/mipmap-mdpi/launcher_foreground.png differ
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.Android/Resources/mipmap-xhdpi/icon.png b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.Android/Resources/mipmap-xhdpi/icon.png
new file mode 100644
index 0000000000..844dfe544e
Binary files /dev/null and b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.Android/Resources/mipmap-xhdpi/icon.png differ
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.Android/Resources/mipmap-xhdpi/launcher_foreground.png b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.Android/Resources/mipmap-xhdpi/launcher_foreground.png
new file mode 100644
index 0000000000..9e9e4f8e4c
Binary files /dev/null and b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.Android/Resources/mipmap-xhdpi/launcher_foreground.png differ
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.Android/Resources/mipmap-xxhdpi/icon.png b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.Android/Resources/mipmap-xxhdpi/icon.png
new file mode 100644
index 0000000000..e20ec9ae22
Binary files /dev/null and b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.Android/Resources/mipmap-xxhdpi/icon.png differ
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.Android/Resources/mipmap-xxhdpi/launcher_foreground.png b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.Android/Resources/mipmap-xxhdpi/launcher_foreground.png
new file mode 100644
index 0000000000..5f1e1356eb
Binary files /dev/null and b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.Android/Resources/mipmap-xxhdpi/launcher_foreground.png differ
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.Android/Resources/mipmap-xxxhdpi/icon.png b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.Android/Resources/mipmap-xxxhdpi/icon.png
new file mode 100644
index 0000000000..8a08bf75e7
Binary files /dev/null and b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.Android/Resources/mipmap-xxxhdpi/icon.png differ
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.Android/Resources/mipmap-xxxhdpi/launcher_foreground.png b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.Android/Resources/mipmap-xxxhdpi/launcher_foreground.png
new file mode 100644
index 0000000000..aca9f8d1c0
Binary files /dev/null and b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.Android/Resources/mipmap-xxxhdpi/launcher_foreground.png differ
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.Android/Resources/values/colors.xml b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.Android/Resources/values/colors.xml
new file mode 100644
index 0000000000..bdd44a8371
--- /dev/null
+++ b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.Android/Resources/values/colors.xml
@@ -0,0 +1,7 @@
+
+
+ #FFFFFF
+ #3F51B5
+ #303F9F
+ #FF4081
+
\ No newline at end of file
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.Android/Resources/values/styles.xml b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.Android/Resources/values/styles.xml
new file mode 100644
index 0000000000..7012826c81
--- /dev/null
+++ b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.Android/Resources/values/styles.xml
@@ -0,0 +1,16 @@
+
+
+
+
\ No newline at end of file
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.UWP/App.xaml b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.UWP/App.xaml
new file mode 100644
index 0000000000..dc96d2826d
--- /dev/null
+++ b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.UWP/App.xaml
@@ -0,0 +1,7 @@
+
+
+
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.UWP/App.xaml.cs b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.UWP/App.xaml.cs
new file mode 100644
index 0000000000..03eec59639
--- /dev/null
+++ b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.UWP/App.xaml.cs
@@ -0,0 +1,92 @@
+using System;
+using Windows.ApplicationModel;
+using Windows.ApplicationModel.Activation;
+using Windows.UI.Xaml;
+using Windows.UI.Xaml.Controls;
+using Windows.UI.Xaml.Navigation;
+
+namespace RelativeLayoutDemos.UWP
+{
+ ///
+ /// Provides application-specific behavior to supplement the default Application class.
+ ///
+ sealed partial class App : Application
+ {
+ ///
+ /// Initializes the singleton application object. This is the first line of authored code
+ /// executed, and as such is the logical equivalent of main() or WinMain().
+ ///
+ public App()
+ {
+ this.InitializeComponent();
+ this.Suspending += OnSuspending;
+ }
+
+ ///
+ /// Invoked when the application is launched normally by the end user. Other entry points
+ /// will be used such as when the application is launched to open a specific file.
+ ///
+ /// Details about the launch request and process.
+ protected override void OnLaunched(LaunchActivatedEventArgs e)
+ {
+ Frame rootFrame = Window.Current.Content as Frame;
+
+ // Do not repeat app initialization when the Window already has content,
+ // just ensure that the window is active
+ if (rootFrame == null)
+ {
+ // Create a Frame to act as the navigation context and navigate to the first page
+ rootFrame = new Frame();
+
+ rootFrame.NavigationFailed += OnNavigationFailed;
+
+ Xamarin.Forms.Forms.Init(e);
+
+ if (e.PreviousExecutionState == ApplicationExecutionState.Terminated)
+ {
+ //TODO: Load state from previously suspended application
+ }
+
+ // Place the frame in the current Window
+ Window.Current.Content = rootFrame;
+ }
+
+ if (e.PrelaunchActivated == false)
+ {
+ if (rootFrame.Content == null)
+ {
+ // When the navigation stack isn't restored navigate to the first page,
+ // configuring the new page by passing required information as a navigation
+ // parameter
+ rootFrame.Navigate(typeof(MainPage), e.Arguments);
+ }
+ // Ensure the current window is active
+ Window.Current.Activate();
+ }
+ }
+
+ ///
+ /// Invoked when Navigation to a certain page fails
+ ///
+ /// The Frame which failed navigation
+ /// Details about the navigation failure
+ void OnNavigationFailed(object sender, NavigationFailedEventArgs e)
+ {
+ throw new Exception("Failed to load Page " + e.SourcePageType.FullName);
+ }
+
+ ///
+ /// Invoked when application execution is being suspended. Application state is saved
+ /// without knowing whether the application will be terminated or resumed with the contents
+ /// of memory still intact.
+ ///
+ /// The source of the suspend request.
+ /// Details about the suspend request.
+ private void OnSuspending(object sender, SuspendingEventArgs e)
+ {
+ var deferral = e.SuspendingOperation.GetDeferral();
+ //TODO: Save application state and stop any background activity
+ deferral.Complete();
+ }
+ }
+}
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.UWP/Assets/LockScreenLogo.scale-200.png b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.UWP/Assets/LockScreenLogo.scale-200.png
new file mode 100644
index 0000000000..735f57adb5
Binary files /dev/null and b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.UWP/Assets/LockScreenLogo.scale-200.png differ
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.UWP/Assets/SplashScreen.scale-200.png b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.UWP/Assets/SplashScreen.scale-200.png
new file mode 100644
index 0000000000..023e7f1fed
Binary files /dev/null and b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.UWP/Assets/SplashScreen.scale-200.png differ
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.UWP/Assets/Square150x150Logo.scale-200.png b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.UWP/Assets/Square150x150Logo.scale-200.png
new file mode 100644
index 0000000000..af49fec1a5
Binary files /dev/null and b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.UWP/Assets/Square150x150Logo.scale-200.png differ
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.UWP/Assets/Square44x44Logo.scale-200.png b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.UWP/Assets/Square44x44Logo.scale-200.png
new file mode 100644
index 0000000000..ce342a2ec8
Binary files /dev/null and b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.UWP/Assets/Square44x44Logo.scale-200.png differ
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.UWP/Assets/Square44x44Logo.targetsize-24_altform-unplated.png b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.UWP/Assets/Square44x44Logo.targetsize-24_altform-unplated.png
new file mode 100644
index 0000000000..f6c02ce97e
Binary files /dev/null and b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.UWP/Assets/Square44x44Logo.targetsize-24_altform-unplated.png differ
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.UWP/Assets/StoreLogo.png b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.UWP/Assets/StoreLogo.png
new file mode 100644
index 0000000000..7385b56c0e
Binary files /dev/null and b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.UWP/Assets/StoreLogo.png differ
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.UWP/Assets/Wide310x150Logo.scale-200.png b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.UWP/Assets/Wide310x150Logo.scale-200.png
new file mode 100644
index 0000000000..288995b397
Binary files /dev/null and b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.UWP/Assets/Wide310x150Logo.scale-200.png differ
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.UWP/MainPage.xaml b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.UWP/MainPage.xaml
new file mode 100644
index 0000000000..58a7fdda92
--- /dev/null
+++ b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.UWP/MainPage.xaml
@@ -0,0 +1,14 @@
+
+
+
+
+
+
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.UWP/MainPage.xaml.cs b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.UWP/MainPage.xaml.cs
new file mode 100644
index 0000000000..63aa0742c1
--- /dev/null
+++ b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.UWP/MainPage.xaml.cs
@@ -0,0 +1,11 @@
+namespace RelativeLayoutDemos.UWP
+{
+ public sealed partial class MainPage
+ {
+ public MainPage()
+ {
+ this.InitializeComponent();
+ this.LoadApplication(new RelativeLayoutDemos.App());
+ }
+ }
+}
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.UWP/Package.appxmanifest b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.UWP/Package.appxmanifest
new file mode 100644
index 0000000000..3496cdd3bf
--- /dev/null
+++ b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.UWP/Package.appxmanifest
@@ -0,0 +1,49 @@
+
+
+
+
+
+
+
+
+
+ RelativeLayoutDemos.UWP
+ Dave
+ Assets\StoreLogo.png
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.UWP/Properties/AssemblyInfo.cs b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.UWP/Properties/AssemblyInfo.cs
new file mode 100644
index 0000000000..73666cd402
--- /dev/null
+++ b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.UWP/Properties/AssemblyInfo.cs
@@ -0,0 +1,29 @@
+using System.Reflection;
+using System.Runtime.CompilerServices;
+using System.Runtime.InteropServices;
+
+// General Information about an assembly is controlled through the following
+// set of attributes. Change these attribute values to modify the information
+// associated with an assembly.
+[assembly: AssemblyTitle("RelativeLayoutDemos.UWP")]
+[assembly: AssemblyDescription("")]
+[assembly: AssemblyConfiguration("")]
+[assembly: AssemblyCompany("")]
+[assembly: AssemblyProduct("RelativeLayoutDemos.UWP")]
+[assembly: AssemblyCopyright("Copyright © 2020")]
+[assembly: AssemblyTrademark("")]
+[assembly: AssemblyCulture("")]
+
+// Version information for an assembly consists of the following four values:
+//
+// Major Version
+// Minor Version
+// Build Number
+// Revision
+//
+// You can specify all the values or you can default the Build and Revision Numbers
+// by using the '*' as shown below:
+// [assembly: AssemblyVersion("1.0.*")]
+[assembly: AssemblyVersion("1.0.0.0")]
+[assembly: AssemblyFileVersion("1.0.0.0")]
+[assembly: ComVisible(false)]
\ No newline at end of file
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.UWP/Properties/Default.rd.xml b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.UWP/Properties/Default.rd.xml
new file mode 100644
index 0000000000..af00722cdf
--- /dev/null
+++ b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.UWP/Properties/Default.rd.xml
@@ -0,0 +1,31 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.UWP/RelativeLayoutDemos.UWP.csproj b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.UWP/RelativeLayoutDemos.UWP.csproj
new file mode 100644
index 0000000000..cfd2309b0f
--- /dev/null
+++ b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.UWP/RelativeLayoutDemos.UWP.csproj
@@ -0,0 +1,177 @@
+
+
+
+
+ Debug
+ x86
+ {508F7E4F-F57E-4AE7-BCD8-58D810ABDF2A}
+ AppContainerExe
+ Properties
+ RelativeLayoutDemos.UWP
+ RelativeLayoutDemos.UWP
+ en-US
+ UAP
+ 10.0.18362.0
+ 10.0.16299.0
+ 14
+ 512
+ {A5A43C5B-DE2A-4C0C-9213-0A381AF9435A};{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}
+ true
+ false
+
+
+ true
+ bin\x86\Debug\
+ DEBUG;TRACE;NETFX_CORE;WINDOWS_UWP
+ ;2008
+ full
+ x86
+ false
+ prompt
+ true
+
+
+ bin\x86\Release\
+ TRACE;NETFX_CORE;WINDOWS_UWP
+ true
+ ;2008
+ pdbonly
+ x86
+ false
+ prompt
+ true
+ true
+
+
+ true
+ bin\ARM\Debug\
+ DEBUG;TRACE;NETFX_CORE;WINDOWS_UWP
+ ;2008
+ full
+ ARM
+ false
+ prompt
+ true
+
+
+ bin\ARM\Release\
+ TRACE;NETFX_CORE;WINDOWS_UWP
+ true
+ ;2008
+ pdbonly
+ ARM
+ false
+ prompt
+ true
+ true
+
+
+ true
+ bin\ARM64\Debug\
+ DEBUG;TRACE;NETFX_CORE;WINDOWS_UWP
+ ;2008
+ full
+ ARM64
+ false
+ prompt
+ true
+ true
+
+
+ bin\ARM64\Release\
+ TRACE;NETFX_CORE;WINDOWS_UWP
+ true
+ ;2008
+ pdbonly
+ ARM64
+ false
+ prompt
+ true
+ true
+
+
+ true
+ bin\x64\Debug\
+ DEBUG;TRACE;NETFX_CORE;WINDOWS_UWP
+ ;2008
+ full
+ x64
+ false
+ prompt
+ true
+
+
+ bin\x64\Release\
+ TRACE;NETFX_CORE;WINDOWS_UWP
+ true
+ ;2008
+ pdbonly
+ x64
+ false
+ prompt
+ true
+ true
+
+
+ PackageReference
+
+
+
+ App.xaml
+
+
+ MainPage.xaml
+
+
+
+
+
+ Designer
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ MSBuild:Compile
+ Designer
+
+
+ MSBuild:Compile
+ Designer
+
+
+
+
+ 6.2.10
+
+
+ 4.8.0.1269
+
+
+
+
+ {10f682d3-b4b9-475b-9cef-b3a290d7a98e}
+ RelativeLayoutDemos
+
+
+
+ 14.0
+
+
+
+
\ No newline at end of file
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/AppDelegate.cs b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/AppDelegate.cs
new file mode 100644
index 0000000000..06436e85b8
--- /dev/null
+++ b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/AppDelegate.cs
@@ -0,0 +1,31 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+
+using Foundation;
+using UIKit;
+
+namespace RelativeLayoutDemos.iOS
+{
+ // The UIApplicationDelegate for the application. This class is responsible for launching the
+ // User Interface of the application, as well as listening (and optionally responding) to
+ // application events from iOS.
+ [Register("AppDelegate")]
+ public partial class AppDelegate : global::Xamarin.Forms.Platform.iOS.FormsApplicationDelegate
+ {
+ //
+ // This method is invoked when the application has loaded and is ready to run. In this
+ // method you should instantiate the window, load the UI into it and then make the window
+ // visible.
+ //
+ // You have 17 seconds to return from this method, or iOS will terminate your application.
+ //
+ public override bool FinishedLaunching(UIApplication app, NSDictionary options)
+ {
+ global::Xamarin.Forms.Forms.Init();
+ LoadApplication(new App());
+
+ return base.FinishedLaunching(app, options);
+ }
+ }
+}
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/Assets.xcassets/AppIcon.appiconset/Contents.json b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/Assets.xcassets/AppIcon.appiconset/Contents.json
new file mode 100644
index 0000000000..98f4d035c8
--- /dev/null
+++ b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/Assets.xcassets/AppIcon.appiconset/Contents.json
@@ -0,0 +1,117 @@
+{
+ "images": [
+ {
+ "scale": "2x",
+ "size": "20x20",
+ "idiom": "iphone",
+ "filename": "Icon40.png"
+ },
+ {
+ "scale": "3x",
+ "size": "20x20",
+ "idiom": "iphone",
+ "filename": "Icon60.png"
+ },
+ {
+ "scale": "2x",
+ "size": "29x29",
+ "idiom": "iphone",
+ "filename": "Icon58.png"
+ },
+ {
+ "scale": "3x",
+ "size": "29x29",
+ "idiom": "iphone",
+ "filename": "Icon87.png"
+ },
+ {
+ "scale": "2x",
+ "size": "40x40",
+ "idiom": "iphone",
+ "filename": "Icon80.png"
+ },
+ {
+ "scale": "3x",
+ "size": "40x40",
+ "idiom": "iphone",
+ "filename": "Icon120.png"
+ },
+ {
+ "scale": "2x",
+ "size": "60x60",
+ "idiom": "iphone",
+ "filename": "Icon120.png"
+ },
+ {
+ "scale": "3x",
+ "size": "60x60",
+ "idiom": "iphone",
+ "filename": "Icon180.png"
+ },
+ {
+ "scale": "1x",
+ "size": "20x20",
+ "idiom": "ipad",
+ "filename": "Icon20.png"
+ },
+ {
+ "scale": "2x",
+ "size": "20x20",
+ "idiom": "ipad",
+ "filename": "Icon40.png"
+ },
+ {
+ "scale": "1x",
+ "size": "29x29",
+ "idiom": "ipad",
+ "filename": "Icon29.png"
+ },
+ {
+ "scale": "2x",
+ "size": "29x29",
+ "idiom": "ipad",
+ "filename": "Icon58.png"
+ },
+ {
+ "scale": "1x",
+ "size": "40x40",
+ "idiom": "ipad",
+ "filename": "Icon40.png"
+ },
+ {
+ "scale": "2x",
+ "size": "40x40",
+ "idiom": "ipad",
+ "filename": "Icon80.png"
+ },
+ {
+ "scale": "1x",
+ "size": "76x76",
+ "idiom": "ipad",
+ "filename": "Icon76.png"
+ },
+ {
+ "scale": "2x",
+ "size": "76x76",
+ "idiom": "ipad",
+ "filename": "Icon152.png"
+ },
+ {
+ "scale": "2x",
+ "size": "83.5x83.5",
+ "idiom": "ipad",
+ "filename": "Icon167.png"
+ },
+ {
+ "scale": "1x",
+ "size": "1024x1024",
+ "idiom": "ios-marketing",
+ "filename": "Icon1024.png"
+ }
+ ],
+ "properties": {},
+ "info": {
+ "version": 1,
+ "author": "xcode"
+ }
+}
\ No newline at end of file
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon1024.png b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon1024.png
new file mode 100644
index 0000000000..9174c989a9
Binary files /dev/null and b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon1024.png differ
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon120.png b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon120.png
new file mode 100644
index 0000000000..9c60a1761d
Binary files /dev/null and b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon120.png differ
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon152.png b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon152.png
new file mode 100644
index 0000000000..448d6efb57
Binary files /dev/null and b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon152.png differ
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon167.png b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon167.png
new file mode 100644
index 0000000000..8524768f8d
Binary files /dev/null and b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon167.png differ
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon180.png b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon180.png
new file mode 100644
index 0000000000..60a64703c0
Binary files /dev/null and b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon180.png differ
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon20.png b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon20.png
new file mode 100644
index 0000000000..45268a641c
Binary files /dev/null and b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon20.png differ
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon29.png b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon29.png
new file mode 100644
index 0000000000..6a6c77a8b4
Binary files /dev/null and b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon29.png differ
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon40.png b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon40.png
new file mode 100644
index 0000000000..cc7edcf5cb
Binary files /dev/null and b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon40.png differ
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon58.png b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon58.png
new file mode 100644
index 0000000000..1ad04f004b
Binary files /dev/null and b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon58.png differ
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon60.png b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon60.png
new file mode 100644
index 0000000000..2dd52620a8
Binary files /dev/null and b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon60.png differ
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon76.png b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon76.png
new file mode 100644
index 0000000000..b058cae2f4
Binary files /dev/null and b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon76.png differ
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon80.png b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon80.png
new file mode 100644
index 0000000000..02e47a2611
Binary files /dev/null and b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon80.png differ
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon87.png b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon87.png
new file mode 100644
index 0000000000..4954a4bd33
Binary files /dev/null and b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon87.png differ
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/Entitlements.plist b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/Entitlements.plist
new file mode 100644
index 0000000000..e9a3005f78
--- /dev/null
+++ b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/Entitlements.plist
@@ -0,0 +1,7 @@
+
+
+
+
+
+
+
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/Info.plist b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/Info.plist
new file mode 100644
index 0000000000..054a701b40
--- /dev/null
+++ b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/Info.plist
@@ -0,0 +1,38 @@
+
+
+
+
+ UIDeviceFamily
+
+ 1
+ 2
+
+ UISupportedInterfaceOrientations
+
+ UIInterfaceOrientationPortrait
+ UIInterfaceOrientationLandscapeLeft
+ UIInterfaceOrientationLandscapeRight
+
+ UISupportedInterfaceOrientations~ipad
+
+ UIInterfaceOrientationPortrait
+ UIInterfaceOrientationPortraitUpsideDown
+ UIInterfaceOrientationLandscapeLeft
+ UIInterfaceOrientationLandscapeRight
+
+ MinimumOSVersion
+ 8.0
+ CFBundleDisplayName
+ RelativeLayoutDemos
+ CFBundleIdentifier
+ com.companyname.RelativeLayoutDemos
+ CFBundleVersion
+ 1.0
+ UILaunchStoryboardName
+ LaunchScreen
+ CFBundleName
+ RelativeLayoutDemos
+ XSAppIconAssets
+ Assets.xcassets/AppIcon.appiconset
+
+
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/Main.cs b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/Main.cs
new file mode 100644
index 0000000000..432c8a1fe5
--- /dev/null
+++ b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/Main.cs
@@ -0,0 +1,20 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+
+using Foundation;
+using UIKit;
+
+namespace RelativeLayoutDemos.iOS
+{
+ public class Application
+ {
+ // This is the main entry point of the application.
+ static void Main(string[] args)
+ {
+ // if you want to use a different Application Delegate class from "AppDelegate"
+ // you can specify it here.
+ UIApplication.Main(args, null, "AppDelegate");
+ }
+ }
+}
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/Properties/AssemblyInfo.cs b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/Properties/AssemblyInfo.cs
new file mode 100644
index 0000000000..feab6e07f2
--- /dev/null
+++ b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/Properties/AssemblyInfo.cs
@@ -0,0 +1,36 @@
+using System.Reflection;
+using System.Runtime.CompilerServices;
+using System.Runtime.InteropServices;
+
+// General Information about an assembly is controlled through the following
+// set of attributes. Change these attribute values to modify the information
+// associated with an assembly.
+[assembly: AssemblyTitle("RelativeLayoutDemos.iOS")]
+[assembly: AssemblyDescription("")]
+[assembly: AssemblyConfiguration("")]
+[assembly: AssemblyCompany("")]
+[assembly: AssemblyProduct("RelativeLayoutDemos.iOS")]
+[assembly: AssemblyCopyright("Copyright © 2014")]
+[assembly: AssemblyTrademark("")]
+[assembly: AssemblyCulture("")]
+
+// Setting ComVisible to false makes the types in this assembly not visible
+// to COM components. If you need to access a type in this assembly from
+// COM, set the ComVisible attribute to true on that type.
+[assembly: ComVisible(false)]
+
+// The following GUID is for the ID of the typelib if this project is exposed to COM
+[assembly: Guid("72bdc44f-c588-44f3-b6df-9aace7daafdd")]
+
+// Version information for an assembly consists of the following four values:
+//
+// Major Version
+// Minor Version
+// Build Number
+// Revision
+//
+// You can specify all the values or you can default the Build and Revision Numbers
+// by using the '*' as shown below:
+// [assembly: AssemblyVersion("1.0.*")]
+[assembly: AssemblyVersion("1.0.0.0")]
+[assembly: AssemblyFileVersion("1.0.0.0")]
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/RelativeLayoutDemos.iOS.csproj b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/RelativeLayoutDemos.iOS.csproj
new file mode 100644
index 0000000000..35b1f5b57c
--- /dev/null
+++ b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/RelativeLayoutDemos.iOS.csproj
@@ -0,0 +1,135 @@
+
+
+
+ Debug
+ iPhoneSimulator
+ 8.0.30703
+ 2.0
+ {FCBDFEC6-04C2-4CAE-980F-ECB0AC7267EC}
+ {FEACFBD2-3405-455C-9665-78FE426C6842};{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}
+ {6143fdea-f3c2-4a09-aafa-6e230626515e}
+ Exe
+ RelativeLayoutDemos.iOS
+ Resources
+ RelativeLayoutDemos.iOS
+ true
+ NSUrlSessionHandler
+ automatic
+
+
+ true
+ full
+ false
+ bin\iPhoneSimulator\Debug
+ DEBUG
+ prompt
+ 4
+ x86_64
+ None
+ true
+
+
+ none
+ true
+ bin\iPhoneSimulator\Release
+ prompt
+ 4
+ None
+ x86_64
+
+
+ true
+ full
+ false
+ bin\iPhone\Debug
+ DEBUG
+ prompt
+ 4
+ ARM64
+ iPhone Developer
+ true
+ Entitlements.plist
+ None
+ -all
+
+
+ none
+ true
+ bin\iPhone\Release
+ prompt
+ 4
+ ARM64
+ iPhone Developer
+ Entitlements.plist
+
+
+
+
+
+
+
+
+
+
+
+ false
+
+
+ false
+
+
+ false
+
+
+ false
+
+
+ false
+
+
+ false
+
+
+ false
+
+
+ false
+
+
+ false
+
+
+ false
+
+
+ false
+
+
+ false
+
+
+ false
+
+
+ false
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {10F682D3-B4B9-475B-9CEF-B3A290D7A98E}
+ RelativeLayoutDemos
+
+
+
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/Resources/Default-568h@2x.png b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/Resources/Default-568h@2x.png
new file mode 100644
index 0000000000..26c6461e50
Binary files /dev/null and b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/Resources/Default-568h@2x.png differ
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/Resources/Default-Portrait.png b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/Resources/Default-Portrait.png
new file mode 100644
index 0000000000..5d0d1ab4c6
Binary files /dev/null and b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/Resources/Default-Portrait.png differ
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/Resources/Default-Portrait@2x.png b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/Resources/Default-Portrait@2x.png
new file mode 100644
index 0000000000..0ee2688e8f
Binary files /dev/null and b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/Resources/Default-Portrait@2x.png differ
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/Resources/Default.png b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/Resources/Default.png
new file mode 100644
index 0000000000..b74643c0aa
Binary files /dev/null and b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/Resources/Default.png differ
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/Resources/Default@2x.png b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/Resources/Default@2x.png
new file mode 100644
index 0000000000..dbd6bd3e86
Binary files /dev/null and b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/Resources/Default@2x.png differ
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/Resources/LaunchScreen.storyboard b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/Resources/LaunchScreen.storyboard
new file mode 100644
index 0000000000..f12b936801
--- /dev/null
+++ b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.iOS/Resources/LaunchScreen.storyboard
@@ -0,0 +1,39 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.sln b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.sln
new file mode 100644
index 0000000000..32abe108ca
--- /dev/null
+++ b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos.sln
@@ -0,0 +1,152 @@
+Microsoft Visual Studio Solution File, Format Version 12.00
+# Visual Studio Version 16
+VisualStudioVersion = 16.0.30320.27
+MinimumVisualStudioVersion = 10.0.40219.1
+Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "RelativeLayoutDemos.Android", "RelativeLayoutDemos.Android\RelativeLayoutDemos.Android.csproj", "{965F86A1-FC96-46BF-B2BE-3CB937D52F44}"
+EndProject
+Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "RelativeLayoutDemos.iOS", "RelativeLayoutDemos.iOS\RelativeLayoutDemos.iOS.csproj", "{FCBDFEC6-04C2-4CAE-980F-ECB0AC7267EC}"
+EndProject
+Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "RelativeLayoutDemos", "RelativeLayoutDemos\RelativeLayoutDemos.csproj", "{10F682D3-B4B9-475B-9CEF-B3A290D7A98E}"
+EndProject
+Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "RelativeLayoutDemos.UWP", "RelativeLayoutDemos.UWP\RelativeLayoutDemos.UWP.csproj", "{508F7E4F-F57E-4AE7-BCD8-58D810ABDF2A}"
+EndProject
+Global
+ GlobalSection(SolutionConfigurationPlatforms) = preSolution
+ Debug|Any CPU = Debug|Any CPU
+ Debug|ARM = Debug|ARM
+ Debug|ARM64 = Debug|ARM64
+ Debug|iPhone = Debug|iPhone
+ Debug|iPhoneSimulator = Debug|iPhoneSimulator
+ Debug|x64 = Debug|x64
+ Debug|x86 = Debug|x86
+ Release|Any CPU = Release|Any CPU
+ Release|ARM = Release|ARM
+ Release|ARM64 = Release|ARM64
+ Release|iPhone = Release|iPhone
+ Release|iPhoneSimulator = Release|iPhoneSimulator
+ Release|x64 = Release|x64
+ Release|x86 = Release|x86
+ EndGlobalSection
+ GlobalSection(ProjectConfigurationPlatforms) = postSolution
+ {965F86A1-FC96-46BF-B2BE-3CB937D52F44}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+ {965F86A1-FC96-46BF-B2BE-3CB937D52F44}.Debug|Any CPU.Build.0 = Debug|Any CPU
+ {965F86A1-FC96-46BF-B2BE-3CB937D52F44}.Debug|ARM.ActiveCfg = Debug|Any CPU
+ {965F86A1-FC96-46BF-B2BE-3CB937D52F44}.Debug|ARM.Build.0 = Debug|Any CPU
+ {965F86A1-FC96-46BF-B2BE-3CB937D52F44}.Debug|ARM.Deploy.0 = Debug|Any CPU
+ {965F86A1-FC96-46BF-B2BE-3CB937D52F44}.Debug|ARM64.ActiveCfg = Debug|Any CPU
+ {965F86A1-FC96-46BF-B2BE-3CB937D52F44}.Debug|ARM64.Build.0 = Debug|Any CPU
+ {965F86A1-FC96-46BF-B2BE-3CB937D52F44}.Debug|ARM64.Deploy.0 = Debug|Any CPU
+ {965F86A1-FC96-46BF-B2BE-3CB937D52F44}.Debug|iPhone.ActiveCfg = Debug|Any CPU
+ {965F86A1-FC96-46BF-B2BE-3CB937D52F44}.Debug|iPhone.Build.0 = Debug|Any CPU
+ {965F86A1-FC96-46BF-B2BE-3CB937D52F44}.Debug|iPhoneSimulator.ActiveCfg = Debug|Any CPU
+ {965F86A1-FC96-46BF-B2BE-3CB937D52F44}.Debug|iPhoneSimulator.Build.0 = Debug|Any CPU
+ {965F86A1-FC96-46BF-B2BE-3CB937D52F44}.Debug|x64.ActiveCfg = Debug|Any CPU
+ {965F86A1-FC96-46BF-B2BE-3CB937D52F44}.Debug|x64.Build.0 = Debug|Any CPU
+ {965F86A1-FC96-46BF-B2BE-3CB937D52F44}.Debug|x64.Deploy.0 = Debug|Any CPU
+ {965F86A1-FC96-46BF-B2BE-3CB937D52F44}.Debug|x86.ActiveCfg = Debug|Any CPU
+ {965F86A1-FC96-46BF-B2BE-3CB937D52F44}.Debug|x86.Build.0 = Debug|Any CPU
+ {965F86A1-FC96-46BF-B2BE-3CB937D52F44}.Debug|x86.Deploy.0 = Debug|Any CPU
+ {965F86A1-FC96-46BF-B2BE-3CB937D52F44}.Release|Any CPU.ActiveCfg = Release|Any CPU
+ {965F86A1-FC96-46BF-B2BE-3CB937D52F44}.Release|Any CPU.Build.0 = Release|Any CPU
+ {965F86A1-FC96-46BF-B2BE-3CB937D52F44}.Release|ARM.ActiveCfg = Release|Any CPU
+ {965F86A1-FC96-46BF-B2BE-3CB937D52F44}.Release|ARM.Build.0 = Release|Any CPU
+ {965F86A1-FC96-46BF-B2BE-3CB937D52F44}.Release|ARM.Deploy.0 = Release|Any CPU
+ {965F86A1-FC96-46BF-B2BE-3CB937D52F44}.Release|ARM64.ActiveCfg = Release|Any CPU
+ {965F86A1-FC96-46BF-B2BE-3CB937D52F44}.Release|ARM64.Build.0 = Release|Any CPU
+ {965F86A1-FC96-46BF-B2BE-3CB937D52F44}.Release|ARM64.Deploy.0 = Release|Any CPU
+ {965F86A1-FC96-46BF-B2BE-3CB937D52F44}.Release|iPhone.ActiveCfg = Release|Any CPU
+ {965F86A1-FC96-46BF-B2BE-3CB937D52F44}.Release|iPhone.Build.0 = Release|Any CPU
+ {965F86A1-FC96-46BF-B2BE-3CB937D52F44}.Release|iPhoneSimulator.ActiveCfg = Release|Any CPU
+ {965F86A1-FC96-46BF-B2BE-3CB937D52F44}.Release|iPhoneSimulator.Build.0 = Release|Any CPU
+ {965F86A1-FC96-46BF-B2BE-3CB937D52F44}.Release|x64.ActiveCfg = Release|Any CPU
+ {965F86A1-FC96-46BF-B2BE-3CB937D52F44}.Release|x64.Build.0 = Release|Any CPU
+ {965F86A1-FC96-46BF-B2BE-3CB937D52F44}.Release|x64.Deploy.0 = Release|Any CPU
+ {965F86A1-FC96-46BF-B2BE-3CB937D52F44}.Release|x86.ActiveCfg = Release|Any CPU
+ {965F86A1-FC96-46BF-B2BE-3CB937D52F44}.Release|x86.Build.0 = Release|Any CPU
+ {965F86A1-FC96-46BF-B2BE-3CB937D52F44}.Release|x86.Deploy.0 = Release|Any CPU
+ {FCBDFEC6-04C2-4CAE-980F-ECB0AC7267EC}.Debug|Any CPU.ActiveCfg = Debug|iPhoneSimulator
+ {FCBDFEC6-04C2-4CAE-980F-ECB0AC7267EC}.Debug|Any CPU.Build.0 = Debug|iPhoneSimulator
+ {FCBDFEC6-04C2-4CAE-980F-ECB0AC7267EC}.Debug|ARM.ActiveCfg = Debug|iPhone
+ {FCBDFEC6-04C2-4CAE-980F-ECB0AC7267EC}.Debug|ARM64.ActiveCfg = Debug|iPhone
+ {FCBDFEC6-04C2-4CAE-980F-ECB0AC7267EC}.Debug|iPhone.ActiveCfg = Debug|iPhone
+ {FCBDFEC6-04C2-4CAE-980F-ECB0AC7267EC}.Debug|iPhone.Build.0 = Debug|iPhone
+ {FCBDFEC6-04C2-4CAE-980F-ECB0AC7267EC}.Debug|iPhoneSimulator.ActiveCfg = Debug|iPhoneSimulator
+ {FCBDFEC6-04C2-4CAE-980F-ECB0AC7267EC}.Debug|iPhoneSimulator.Build.0 = Debug|iPhoneSimulator
+ {FCBDFEC6-04C2-4CAE-980F-ECB0AC7267EC}.Debug|x64.ActiveCfg = Debug|iPhone
+ {FCBDFEC6-04C2-4CAE-980F-ECB0AC7267EC}.Debug|x86.ActiveCfg = Debug|iPhone
+ {FCBDFEC6-04C2-4CAE-980F-ECB0AC7267EC}.Release|Any CPU.ActiveCfg = Release|iPhoneSimulator
+ {FCBDFEC6-04C2-4CAE-980F-ECB0AC7267EC}.Release|Any CPU.Build.0 = Release|iPhoneSimulator
+ {FCBDFEC6-04C2-4CAE-980F-ECB0AC7267EC}.Release|ARM.ActiveCfg = Release|iPhone
+ {FCBDFEC6-04C2-4CAE-980F-ECB0AC7267EC}.Release|ARM64.ActiveCfg = Release|iPhone
+ {FCBDFEC6-04C2-4CAE-980F-ECB0AC7267EC}.Release|iPhone.ActiveCfg = Release|iPhone
+ {FCBDFEC6-04C2-4CAE-980F-ECB0AC7267EC}.Release|iPhone.Build.0 = Release|iPhone
+ {FCBDFEC6-04C2-4CAE-980F-ECB0AC7267EC}.Release|iPhoneSimulator.ActiveCfg = Release|iPhoneSimulator
+ {FCBDFEC6-04C2-4CAE-980F-ECB0AC7267EC}.Release|iPhoneSimulator.Build.0 = Release|iPhoneSimulator
+ {FCBDFEC6-04C2-4CAE-980F-ECB0AC7267EC}.Release|x64.ActiveCfg = Release|iPhone
+ {FCBDFEC6-04C2-4CAE-980F-ECB0AC7267EC}.Release|x86.ActiveCfg = Release|iPhone
+ {10F682D3-B4B9-475B-9CEF-B3A290D7A98E}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+ {10F682D3-B4B9-475B-9CEF-B3A290D7A98E}.Debug|Any CPU.Build.0 = Debug|Any CPU
+ {10F682D3-B4B9-475B-9CEF-B3A290D7A98E}.Debug|ARM.ActiveCfg = Debug|Any CPU
+ {10F682D3-B4B9-475B-9CEF-B3A290D7A98E}.Debug|ARM.Build.0 = Debug|Any CPU
+ {10F682D3-B4B9-475B-9CEF-B3A290D7A98E}.Debug|ARM64.ActiveCfg = Debug|Any CPU
+ {10F682D3-B4B9-475B-9CEF-B3A290D7A98E}.Debug|ARM64.Build.0 = Debug|Any CPU
+ {10F682D3-B4B9-475B-9CEF-B3A290D7A98E}.Debug|iPhone.ActiveCfg = Debug|Any CPU
+ {10F682D3-B4B9-475B-9CEF-B3A290D7A98E}.Debug|iPhone.Build.0 = Debug|Any CPU
+ {10F682D3-B4B9-475B-9CEF-B3A290D7A98E}.Debug|iPhoneSimulator.ActiveCfg = Debug|Any CPU
+ {10F682D3-B4B9-475B-9CEF-B3A290D7A98E}.Debug|iPhoneSimulator.Build.0 = Debug|Any CPU
+ {10F682D3-B4B9-475B-9CEF-B3A290D7A98E}.Debug|x64.ActiveCfg = Debug|Any CPU
+ {10F682D3-B4B9-475B-9CEF-B3A290D7A98E}.Debug|x64.Build.0 = Debug|Any CPU
+ {10F682D3-B4B9-475B-9CEF-B3A290D7A98E}.Debug|x86.ActiveCfg = Debug|Any CPU
+ {10F682D3-B4B9-475B-9CEF-B3A290D7A98E}.Debug|x86.Build.0 = Debug|Any CPU
+ {10F682D3-B4B9-475B-9CEF-B3A290D7A98E}.Release|Any CPU.ActiveCfg = Release|Any CPU
+ {10F682D3-B4B9-475B-9CEF-B3A290D7A98E}.Release|Any CPU.Build.0 = Release|Any CPU
+ {10F682D3-B4B9-475B-9CEF-B3A290D7A98E}.Release|ARM.ActiveCfg = Release|Any CPU
+ {10F682D3-B4B9-475B-9CEF-B3A290D7A98E}.Release|ARM.Build.0 = Release|Any CPU
+ {10F682D3-B4B9-475B-9CEF-B3A290D7A98E}.Release|ARM64.ActiveCfg = Release|Any CPU
+ {10F682D3-B4B9-475B-9CEF-B3A290D7A98E}.Release|ARM64.Build.0 = Release|Any CPU
+ {10F682D3-B4B9-475B-9CEF-B3A290D7A98E}.Release|iPhone.ActiveCfg = Release|Any CPU
+ {10F682D3-B4B9-475B-9CEF-B3A290D7A98E}.Release|iPhone.Build.0 = Release|Any CPU
+ {10F682D3-B4B9-475B-9CEF-B3A290D7A98E}.Release|iPhoneSimulator.ActiveCfg = Release|Any CPU
+ {10F682D3-B4B9-475B-9CEF-B3A290D7A98E}.Release|iPhoneSimulator.Build.0 = Release|Any CPU
+ {10F682D3-B4B9-475B-9CEF-B3A290D7A98E}.Release|x64.ActiveCfg = Release|Any CPU
+ {10F682D3-B4B9-475B-9CEF-B3A290D7A98E}.Release|x64.Build.0 = Release|Any CPU
+ {10F682D3-B4B9-475B-9CEF-B3A290D7A98E}.Release|x86.ActiveCfg = Release|Any CPU
+ {10F682D3-B4B9-475B-9CEF-B3A290D7A98E}.Release|x86.Build.0 = Release|Any CPU
+ {508F7E4F-F57E-4AE7-BCD8-58D810ABDF2A}.Debug|Any CPU.ActiveCfg = Debug|x86
+ {508F7E4F-F57E-4AE7-BCD8-58D810ABDF2A}.Debug|ARM.ActiveCfg = Debug|ARM
+ {508F7E4F-F57E-4AE7-BCD8-58D810ABDF2A}.Debug|ARM.Build.0 = Debug|ARM
+ {508F7E4F-F57E-4AE7-BCD8-58D810ABDF2A}.Debug|ARM.Deploy.0 = Debug|ARM
+ {508F7E4F-F57E-4AE7-BCD8-58D810ABDF2A}.Debug|ARM64.ActiveCfg = Debug|ARM64
+ {508F7E4F-F57E-4AE7-BCD8-58D810ABDF2A}.Debug|ARM64.Build.0 = Debug|ARM64
+ {508F7E4F-F57E-4AE7-BCD8-58D810ABDF2A}.Debug|ARM64.Deploy.0 = Debug|ARM64
+ {508F7E4F-F57E-4AE7-BCD8-58D810ABDF2A}.Debug|iPhone.ActiveCfg = Debug|x86
+ {508F7E4F-F57E-4AE7-BCD8-58D810ABDF2A}.Debug|iPhoneSimulator.ActiveCfg = Debug|x86
+ {508F7E4F-F57E-4AE7-BCD8-58D810ABDF2A}.Debug|x64.ActiveCfg = Debug|x64
+ {508F7E4F-F57E-4AE7-BCD8-58D810ABDF2A}.Debug|x64.Build.0 = Debug|x64
+ {508F7E4F-F57E-4AE7-BCD8-58D810ABDF2A}.Debug|x64.Deploy.0 = Debug|x64
+ {508F7E4F-F57E-4AE7-BCD8-58D810ABDF2A}.Debug|x86.ActiveCfg = Debug|x86
+ {508F7E4F-F57E-4AE7-BCD8-58D810ABDF2A}.Debug|x86.Build.0 = Debug|x86
+ {508F7E4F-F57E-4AE7-BCD8-58D810ABDF2A}.Debug|x86.Deploy.0 = Debug|x86
+ {508F7E4F-F57E-4AE7-BCD8-58D810ABDF2A}.Release|Any CPU.ActiveCfg = Release|x86
+ {508F7E4F-F57E-4AE7-BCD8-58D810ABDF2A}.Release|ARM.ActiveCfg = Release|ARM
+ {508F7E4F-F57E-4AE7-BCD8-58D810ABDF2A}.Release|ARM.Build.0 = Release|ARM
+ {508F7E4F-F57E-4AE7-BCD8-58D810ABDF2A}.Release|ARM.Deploy.0 = Release|ARM
+ {508F7E4F-F57E-4AE7-BCD8-58D810ABDF2A}.Release|ARM64.ActiveCfg = Release|ARM64
+ {508F7E4F-F57E-4AE7-BCD8-58D810ABDF2A}.Release|ARM64.Build.0 = Release|ARM64
+ {508F7E4F-F57E-4AE7-BCD8-58D810ABDF2A}.Release|ARM64.Deploy.0 = Release|ARM64
+ {508F7E4F-F57E-4AE7-BCD8-58D810ABDF2A}.Release|iPhone.ActiveCfg = Release|x86
+ {508F7E4F-F57E-4AE7-BCD8-58D810ABDF2A}.Release|iPhoneSimulator.ActiveCfg = Release|x86
+ {508F7E4F-F57E-4AE7-BCD8-58D810ABDF2A}.Release|x64.ActiveCfg = Release|x64
+ {508F7E4F-F57E-4AE7-BCD8-58D810ABDF2A}.Release|x64.Build.0 = Release|x64
+ {508F7E4F-F57E-4AE7-BCD8-58D810ABDF2A}.Release|x64.Deploy.0 = Release|x64
+ {508F7E4F-F57E-4AE7-BCD8-58D810ABDF2A}.Release|x86.ActiveCfg = Release|x86
+ {508F7E4F-F57E-4AE7-BCD8-58D810ABDF2A}.Release|x86.Build.0 = Release|x86
+ {508F7E4F-F57E-4AE7-BCD8-58D810ABDF2A}.Release|x86.Deploy.0 = Release|x86
+ EndGlobalSection
+ GlobalSection(SolutionProperties) = preSolution
+ HideSolutionNode = FALSE
+ EndGlobalSection
+ GlobalSection(ExtensibilityGlobals) = postSolution
+ SolutionGuid = {1AEBBA99-1DF5-4B7E-8E90-FC12C5480498}
+ EndGlobalSection
+EndGlobal
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos/App.xaml b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos/App.xaml
new file mode 100644
index 0000000000..2613f6b35f
--- /dev/null
+++ b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos/App.xaml
@@ -0,0 +1,5 @@
+
+
+
+
+
\ No newline at end of file
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos/App.xaml.cs b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos/App.xaml.cs
new file mode 100644
index 0000000000..246a69e1ef
--- /dev/null
+++ b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos/App.xaml.cs
@@ -0,0 +1,26 @@
+using Xamarin.Forms;
+
+namespace RelativeLayoutDemos
+{
+ public partial class App : Application
+ {
+ public App()
+ {
+ InitializeComponent();
+
+ MainPage = new NavigationPage(new MainPage());
+ }
+
+ protected override void OnStart()
+ {
+ }
+
+ protected override void OnSleep()
+ {
+ }
+
+ protected override void OnResume()
+ {
+ }
+ }
+}
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos/AssemblyInfo.cs b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos/AssemblyInfo.cs
new file mode 100644
index 0000000000..c859952e34
--- /dev/null
+++ b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos/AssemblyInfo.cs
@@ -0,0 +1,3 @@
+using Xamarin.Forms.Xaml;
+
+[assembly: XamlCompilation(XamlCompilationOptions.Compile)]
\ No newline at end of file
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos/RelativeLayoutDemos.csproj b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos/RelativeLayoutDemos.csproj
new file mode 100644
index 0000000000..4489b55adf
--- /dev/null
+++ b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos/RelativeLayoutDemos.csproj
@@ -0,0 +1,21 @@
+
+
+
+ netstandard2.0
+ true
+
+
+
+ portable
+ true
+
+
+
+
+
+
+
+
+
+
+
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos/Views/Code/RelativePositioningAndSizingDemoPageCS.cs b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos/Views/Code/RelativePositioningAndSizingDemoPageCS.cs
new file mode 100644
index 0000000000..d925632cbf
--- /dev/null
+++ b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos/Views/Code/RelativePositioningAndSizingDemoPageCS.cs
@@ -0,0 +1,88 @@
+using Xamarin.Forms;
+
+namespace RelativeLayoutDemos.Views
+{
+ public class RelativePositioningAndSizingDemoPageCS : ContentPage
+ {
+ public RelativePositioningAndSizingDemoPageCS()
+ {
+ RelativeLayout relativeLayout = new RelativeLayout();
+
+ // Four BoxView's
+ relativeLayout.Children.Add(
+ new BoxView { Color = Color.Red },
+ Constraint.Constant(0),
+ Constraint.Constant(0));
+
+ relativeLayout.Children.Add(
+ new BoxView { Color = Color.Green },
+ Constraint.RelativeToParent((parent) =>
+ {
+ return parent.Width - 40;
+ }), Constraint.Constant(0));
+
+ relativeLayout.Children.Add(
+ new BoxView { Color = Color.Blue },
+ Constraint.Constant(0),
+ Constraint.RelativeToParent((parent) =>
+ {
+ return parent.Height - 40;
+ }));
+
+ relativeLayout.Children.Add(
+ new BoxView { Color = Color.Yellow },
+ Constraint.RelativeToParent((parent) =>
+ {
+ return parent.Width - 40;
+ }),
+ Constraint.RelativeToParent((parent) =>
+ {
+ return parent.Height - 40;
+ }));
+
+ // Centered and 1/3 width and height of parent
+ BoxView silverBoxView = new BoxView { Color = Color.Silver };
+ relativeLayout.Children.Add(
+ silverBoxView,
+ Constraint.RelativeToParent((parent) =>
+ {
+ return parent.Width * 0.33;
+ }),
+ Constraint.RelativeToParent((parent) =>
+ {
+ return parent.Height * 0.33;
+ }),
+ Constraint.RelativeToParent((parent) =>
+ {
+ return parent.Width * 0.33;
+ }),
+ Constraint.RelativeToParent((parent) =>
+ {
+ return parent.Height * 0.33;
+ }));
+
+ // 1/3 width and height of previous
+ relativeLayout.Children.Add(
+ new BoxView { Color = Color.Black },
+ Constraint.RelativeToView(silverBoxView, (parent, sibling) =>
+ {
+ return sibling.X;
+ }),
+ Constraint.RelativeToView(silverBoxView, (parent, sibling) =>
+ {
+ return sibling.Y;
+ }),
+ Constraint.RelativeToView(silverBoxView, (parent, sibling) =>
+ {
+ return sibling.Width * 0.33;
+ }),
+ Constraint.RelativeToView(silverBoxView, (parent, sibling) =>
+ {
+ return sibling.Height * 0.33;
+ }));
+
+ Title = "RelativeLayout demo";
+ Content = relativeLayout;
+ }
+ }
+}
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos/Views/Code/SimpleOverlayDemoPageCS.cs b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos/Views/Code/SimpleOverlayDemoPageCS.cs
new file mode 100644
index 0000000000..8847b577b1
--- /dev/null
+++ b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos/Views/Code/SimpleOverlayDemoPageCS.cs
@@ -0,0 +1,69 @@
+using System;
+using Xamarin.Forms;
+
+namespace RelativeLayoutDemos.Views
+{
+ public class SimpleOverlayDemoPageCS : ContentPage
+ {
+ ContentView overlay;
+ ProgressBar progressBar;
+
+ public SimpleOverlayDemoPageCS()
+ {
+ Button button = new Button { Text = "Simulate 5-second work item" };
+ button.Clicked += OnButtonClicked;
+
+ StackLayout stackLayout = new StackLayout
+ {
+ Margin = new Thickness(20),
+ Children =
+ {
+ new Label { Text = "This might be a page of UI objects except that the only functional UI object on the page is a Button." },
+ button
+ }
+ };
+
+ progressBar = new ProgressBar
+ {
+ Margin = new Thickness(20),
+ VerticalOptions = LayoutOptions.Center
+ };
+
+ overlay = new ContentView
+ {
+ BackgroundColor = Color.FromHex("#C0808080"),
+ IsVisible = false,
+ Content = progressBar
+ };
+
+ RelativeLayout relativeLayout = new RelativeLayout();
+ relativeLayout.Children.Add(stackLayout, () => 0, () => 0);
+ relativeLayout.Children.Add(overlay, () => new Rectangle(0, 0, relativeLayout.Width, relativeLayout.Height));
+
+ Title = "Simple overlay demo";
+ Content = relativeLayout;
+ }
+
+ void OnButtonClicked(object sender, EventArgs e)
+ {
+ // Show overlay with ProgressBar
+ overlay.IsVisible = true;
+
+ TimeSpan duration = TimeSpan.FromSeconds(5);
+ DateTime now = DateTime.Now;
+
+ Device.StartTimer(TimeSpan.FromSeconds(0.1), () =>
+ {
+ double progress = (DateTime.Now - now).TotalMilliseconds / duration.TotalMilliseconds;
+ progressBar.Progress = progress;
+ bool continueTimer = progress < 1;
+
+ if (!continueTimer)
+ {
+ overlay.IsVisible = false;
+ }
+ return continueTimer;
+ });
+ }
+ }
+}
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos/Views/Code/StylishHeaderDemoPageCS.cs b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos/Views/Code/StylishHeaderDemoPageCS.cs
new file mode 100644
index 0000000000..d7c6b140df
--- /dev/null
+++ b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos/Views/Code/StylishHeaderDemoPageCS.cs
@@ -0,0 +1,60 @@
+using Xamarin.Forms;
+
+namespace RelativeLayoutDemos.Views
+{
+ public class StylishHeaderDemoPageCS : ContentPage
+ {
+ public StylishHeaderDemoPageCS()
+ {
+ RelativeLayout relativeLayout = new RelativeLayout
+ {
+ Margin = new Thickness(20)
+ };
+
+ relativeLayout.Children.Add(new BoxView
+ {
+ Color = Color.Silver
+ }, () => new Rectangle(0, 10, 200, 5));
+
+ relativeLayout.Children.Add(new BoxView
+ {
+ Color = Color.Silver
+ }, () => new Rectangle(0, 20, 200, 5));
+
+ relativeLayout.Children.Add(new BoxView
+ {
+ Color = Color.Silver
+ }, () => new Rectangle(10, 0, 5, 65));
+
+ relativeLayout.Children.Add(new BoxView
+ {
+ Color = Color.Silver
+ }, () => new Rectangle(20, 0, 5, 65));
+
+ relativeLayout.Children.Add(new Label
+ {
+ Text = "Stylish Header",
+ FontSize = 24
+ }, Constraint.Constant(30), Constraint.Constant(25));
+
+ relativeLayout.Children.Add(new Label
+ {
+ FormattedText = new FormattedString
+ {
+ Spans =
+ {
+ new Span { Text = "Although "},
+ new Span { Text = "RelativeLayout", FontAttributes = FontAttributes.Italic },
+ new Span { Text = " is usually employed for purposes other than the display of text using a " },
+ new Span { Text = "Label", FontAttributes = FontAttributes.Italic },
+ new Span { Text = ", obviously it can be used in that way. The text continues to wrap nicely within the bounds of the container and any margin that might be applied." }
+ }
+ }
+ }, Constraint.Constant(0), Constraint.Constant(80));
+
+ Title = "Stylish header demo";
+ Content = relativeLayout;
+ }
+ }
+}
+
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos/Views/XAML/MainPage.xaml b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos/Views/XAML/MainPage.xaml
new file mode 100644
index 0000000000..19ae4a4d22
--- /dev/null
+++ b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos/Views/XAML/MainPage.xaml
@@ -0,0 +1,39 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos/Views/XAML/MainPage.xaml.cs b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos/Views/XAML/MainPage.xaml.cs
new file mode 100644
index 0000000000..de57b4149f
--- /dev/null
+++ b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos/Views/XAML/MainPage.xaml.cs
@@ -0,0 +1,25 @@
+using System;
+using System.Windows.Input;
+using Xamarin.Forms;
+
+namespace RelativeLayoutDemos
+{
+ public partial class MainPage : ContentPage
+ {
+ public ICommand NavigateCommand { get; private set; }
+
+ public MainPage()
+ {
+ InitializeComponent();
+
+ NavigateCommand = new Command(
+ async (Type pageType) =>
+ {
+ Page page = (Page)Activator.CreateInstance(pageType);
+ await Navigation.PushAsync(page);
+ });
+
+ BindingContext = this;
+ }
+ }
+}
\ No newline at end of file
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos/Views/XAML/RelativePositioningAndSizingDemoPage.xaml b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos/Views/XAML/RelativePositioningAndSizingDemoPage.xaml
new file mode 100644
index 0000000000..ead7ff3f07
--- /dev/null
+++ b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos/Views/XAML/RelativePositioningAndSizingDemoPage.xaml
@@ -0,0 +1,36 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos/Views/XAML/RelativePositioningAndSizingDemoPage.xaml.cs b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos/Views/XAML/RelativePositioningAndSizingDemoPage.xaml.cs
new file mode 100644
index 0000000000..87467e8a1d
--- /dev/null
+++ b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos/Views/XAML/RelativePositioningAndSizingDemoPage.xaml.cs
@@ -0,0 +1,12 @@
+using Xamarin.Forms;
+
+namespace RelativeLayoutDemos.Views
+{
+ public partial class RelativePositioningAndSizingDemoPage : ContentPage
+ {
+ public RelativePositioningAndSizingDemoPage()
+ {
+ InitializeComponent();
+ }
+ }
+}
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos/Views/XAML/SimpleOverlayDemoPage.xaml b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos/Views/XAML/SimpleOverlayDemoPage.xaml
new file mode 100644
index 0000000000..4d5346ebdc
--- /dev/null
+++ b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos/Views/XAML/SimpleOverlayDemoPage.xaml
@@ -0,0 +1,24 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos/Views/XAML/SimpleOverlayDemoPage.xaml.cs b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos/Views/XAML/SimpleOverlayDemoPage.xaml.cs
new file mode 100644
index 0000000000..3d1dde6338
--- /dev/null
+++ b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos/Views/XAML/SimpleOverlayDemoPage.xaml.cs
@@ -0,0 +1,35 @@
+using System;
+using Xamarin.Forms;
+
+namespace RelativeLayoutDemos.Views
+{
+ public partial class SimpleOverlayDemoPage : ContentPage
+ {
+ public SimpleOverlayDemoPage()
+ {
+ InitializeComponent();
+ }
+
+ void OnButtonClicked(object sender, EventArgs e)
+ {
+ // Show overlay with ProgressBar
+ overlay.IsVisible = true;
+
+ TimeSpan duration = TimeSpan.FromSeconds(5);
+ DateTime now = DateTime.Now;
+
+ Device.StartTimer(TimeSpan.FromSeconds(0.1), () =>
+ {
+ double progress = (DateTime.Now - now).TotalMilliseconds / duration.TotalMilliseconds;
+ progressBar.Progress = progress;
+ bool continueTimer = progress < 1;
+
+ if (!continueTimer)
+ {
+ overlay.IsVisible = false;
+ }
+ return continueTimer;
+ });
+ }
+ }
+}
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos/Views/XAML/StylishHeaderDemoPage.xaml b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos/Views/XAML/StylishHeaderDemoPage.xaml
new file mode 100644
index 0000000000..8dda4bee87
--- /dev/null
+++ b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos/Views/XAML/StylishHeaderDemoPage.xaml
@@ -0,0 +1,46 @@
+
+
+
+
+
+
+
+
+
+
+
diff --git a/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos/Views/XAML/StylishHeaderDemoPage.xaml.cs b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos/Views/XAML/StylishHeaderDemoPage.xaml.cs
new file mode 100644
index 0000000000..bdc285fbaf
--- /dev/null
+++ b/UserInterface/Layout/RelativeLayoutDemos/RelativeLayoutDemos/Views/XAML/StylishHeaderDemoPage.xaml.cs
@@ -0,0 +1,15 @@
+using System;
+using System.Collections.Generic;
+
+using Xamarin.Forms;
+
+namespace RelativeLayoutDemos.Views
+{
+ public partial class StylishHeaderDemoPage : ContentPage
+ {
+ public StylishHeaderDemoPage()
+ {
+ InitializeComponent();
+ }
+ }
+}
diff --git a/UserInterface/Layout/RelativeLayoutDemos/Screenshots/01All.png b/UserInterface/Layout/RelativeLayoutDemos/Screenshots/01All.png
new file mode 100644
index 0000000000..e8a82b70b5
Binary files /dev/null and b/UserInterface/Layout/RelativeLayoutDemos/Screenshots/01All.png differ