Updated styles of sample popups

Author: SkyeHoefling

src/CommunityToolkit/Xamarin.CommunityToolkit.Sample/Pages/Views/Popups/ButtonPopup.xaml

@@ -2,7 +2,7 @@
 <xct:Popup xmlns="http://xamarin.com/schemas/2014/forms"
            xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
            xmlns:xct="clr-namespace:Xamarin.CommunityToolkit.UI.Views;assembly=Xamarin.CommunityToolkit"
-           Size="{OnPlatform Android='800, 700', UWP='300, 250', iOS='250, 400'}"
+           Size="{OnPlatform Android='800, 800', UWP='300, 300', iOS='250, 400'}"
            x:Class="Xamarin.CommunityToolkit.Sample.Pages.Views.Popups.ButtonPopup">
 
     <xct:Popup.Resources>

src/CommunityToolkit/Xamarin.CommunityToolkit.Sample/Pages/Views/Popups/MultipleButtonPopup.xaml

@@ -2,7 +2,7 @@
 <xct:Popup xmlns="http://xamarin.com/schemas/2014/forms"
            xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
            xmlns:xct="clr-namespace:Xamarin.CommunityToolkit.UI.Views;assembly=Xamarin.CommunityToolkit"
-           Size="{OnPlatform Android='800, 700', UWP='300, 250', iOS='250, 400'}"
+           Size="{OnPlatform Android='800, 800', UWP='300, 300', iOS='250, 400'}"
            x:Class="Xamarin.CommunityToolkit.Sample.Pages.Views.Popups.MultipleButtonPopup">
 
     <xct:Popup.Resources>

src/CommunityToolkit/Xamarin.CommunityToolkit.Sample/Pages/Views/Popups/NoLightDismissPopup.xaml

@@ -2,7 +2,7 @@
 <xct:Popup xmlns="http://xamarin.com/schemas/2014/forms"
            xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
            xmlns:xct="clr-namespace:Xamarin.CommunityToolkit.UI.Views;assembly=Xamarin.CommunityToolkit"
-           Size="{OnPlatform Android='800, 700', UWP='300, 250', iOS='250, 400'}"
+           Size="{OnPlatform Android='800, 800', UWP='300, 300', iOS='250, 400'}"
            IsLightDismissEnabled="False"
            x:Class="Xamarin.CommunityToolkit.Sample.Pages.Views.Popups.NoLightDismissPopup">
 

src/CommunityToolkit/Xamarin.CommunityToolkit.Sample/Pages/Views/Popups/ReturnResultPopup.cs

@@ -0,0 +1,47 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<xct:Popup xmlns="http://xamarin.com/schemas/2014/forms"
+           xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+           xmlns:xct="clr-namespace:Xamarin.CommunityToolkit.UI.Views;assembly=Xamarin.CommunityToolkit"
+           Size="{OnPlatform Android='800, 800', UWP='300, 300', iOS='250, 350'}"
+           x:Class="Xamarin.CommunityToolkit.Sample.Pages.Views.Popups.ReturnResultPopup"
+           x:TypeArguments="x:String">
+
+    <xct:Popup.Resources>
+        <ResourceDictionary>
+            <Style x:Key="Title" TargetType="Label">
+                <Setter Property="FontSize" Value="26" />
+                <Setter Property="FontAttributes" Value="Bold" />
+                <Setter Property="TextColor" Value="#000" />
+                <Setter Property="VerticalTextAlignment" Value="Center" />
+                <Setter Property="HorizontalTextAlignment" Value="Center" />
+            </Style>
+            <Style x:Key="Divider" TargetType="BoxView">
+                <Setter Property="HeightRequest" Value="1" />
+                <Setter Property="Margin" Value="50, 25" />
+                <Setter Property="Color" Value="#c3c3c3" />
+            </Style>
+            <Style x:Key="Content" TargetType="Label">
+                <Setter Property="HorizontalTextAlignment" Value="Start" />
+                <Setter Property="VerticalTextAlignment" Value="Center" />
+            </Style>
+            <Style x:Key="PopupLayout" TargetType="StackLayout">
+                <Setter Property="Padding" Value="{OnPlatform Android=20, UWP=20, iOS=5}" />
+            </Style>
+            <Style x:Key="ConfirmButton" TargetType="Button">
+                <Setter Property="VerticalOptions" Value="EndAndExpand" />
+            </Style>
+        </ResourceDictionary>
+    </xct:Popup.Resources>
+
+    <StackLayout Style="{StaticResource PopupLayout}">
+        <Label Style="{StaticResource Title}" 
+                Text="Return Result Popup" />
+        <BoxView Style="{StaticResource Divider}" />
+        <Label Style="{StaticResource Content}" 
+                Text="This popup returns a value when it is dismissed. The value varies depending if you tap on the CLOSE button or dismis the popup by tapping outside of it's bounds." />
+        <Button Text="CLOSE"
+                Style="{StaticResource ConfirmButton}"
+                Clicked="Button_Clicked" />
+    </StackLayout>
+
+</xct:Popup>

src/CommunityToolkit/Xamarin.CommunityToolkit.Sample/Pages/Views/Popups/ReturnResultPopup.xaml

@@ -0,0 +1,12 @@
+namespace Xamarin.CommunityToolkit.Sample.Pages.Views.Popups
+{
+	public partial class ReturnResultPopup
+	{
+		public ReturnResultPopup() =>
+			InitializeComponent();
+
+		protected override string GetLightDismissResult() => "Light Dismiss";
+
+		void Button_Clicked(object sender, System.EventArgs e) => Dismiss("Close button tapped");
+	}
+}

src/CommunityToolkit/Xamarin.CommunityToolkit.Sample/Pages/Views/Popups/ReturnResultPopup.xaml.cs

@@ -2,7 +2,7 @@
 <xct:Popup xmlns="http://xamarin.com/schemas/2014/forms"
            xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
            xmlns:xct="clr-namespace:Xamarin.CommunityToolkit.UI.Views;assembly=Xamarin.CommunityToolkit"
-           Size="{OnPlatform Android='800, 700', UWP='300, 250', iOS='250, 350'}"
+           Size="{OnPlatform Android='800, 800', UWP='300, 300', iOS='250, 350'}"
            x:Class="Xamarin.CommunityToolkit.Sample.Pages.Views.Popups.ToggleSizePopup">
 
     <xct:Popup.Resources>

src/CommunityToolkit/Xamarin.CommunityToolkit.Sample/Pages/Views/Popups/ToggleSizePopup.xaml

@@ -8,7 +8,7 @@
            x:Class="Xamarin.CommunityToolkit.Sample.Pages.Views.Popups.TransparentPopup">
 
     <Frame 
-        CornerRadius="{OnPlatform Android='50', UWP='25', iOS='25'}" 
+        CornerRadius="{OnPlatform Android='50', UWP='50', iOS='25'}" 
         HeightRequest="{OnPlatform Android='100', UWP='50'}" WidthRequest="{OnPlatform Android='100', UWP='50'}" 
         BackgroundColor="Red" />