Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Fix Windows Popup Position and Size #1350

Merged
merged 15 commits into from
Sep 7, 2023
Merged

Fix Windows Popup Position and Size #1350

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
15 commits
Select commit Hold shift + click to select a range
4596a80
Fix Windows Popup Position and Size
cat0363 Aug 17, 2023
7f1b7a9
Change method name
cat0363 Aug 17, 2023
ff467c8
Supports VerticalOptions, HorizontalOptions Fill and window maximizat…
cat0363 Aug 17, 2023
92f4d0b
Fix definition of duplicate method
cat0363 Aug 17, 2023
532eee0
Chang behavior when Fill is specified for HorizontalOptions and Verti…
cat0363 Aug 22, 2023
1a9dbe8
Fix SetSize method
cat0363 Aug 23, 2023
acce06d
Merge branch 'main' into Issue-1349
cat0363 Aug 23, 2023
2239843
Fix SetSize method
cat0363 Aug 23, 2023
c7702f4
Merge branch 'Issue-1349' of https://github.com/cat0363/Maui into Iss…
cat0363 Aug 23, 2023
81b26ea
Merge branch 'main' into Issue-1349
cat0363 Aug 25, 2023
d26eaa6
Merge branch 'main' into Issue-1349
brminnick Aug 27, 2023
b4b6ef9
Merge branch 'main' into Issue-1349
cat0363 Aug 27, 2023
8f5edd4
Merge branch 'main' into Issue-1349
cat0363 Aug 28, 2023
457d002
Merge branch 'main' into Issue-1349
cat0363 Aug 30, 2023
9eca2b3
Merge branch 'main' into Issue-1349
cat0363 Sep 7, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions src/CommunityToolkit.Maui.Core/Handlers/Popup/PopUpHandler.windows.cs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -89,7 +89,7 @@ public static void MapColor(PopupHandler handler, IPopup view)
/// <param name="view">An instance of <see cref="IPopup"/>.</param>
public static void MapSize(PopupHandler handler, IPopup view)
{
handler.PlatformView.SetSize(view);
handler.PlatformView.SetSize(view, handler.MauiContext);
}

/// <inheritdoc/>
Expand Down Expand Up @@ -138,7 +138,7 @@ void OnSizeChanged(object? sender, WindowSizeChangedEventArgs e)
{
if (VirtualView is not null)
{
PopupExtensions.SetSize(PlatformView, VirtualView);
PopupExtensions.SetSize(PlatformView, VirtualView, MauiContext);
PopupExtensions.SetLayout(PlatformView, VirtualView, MauiContext);
}
}
Expand Down
141 changes: 104 additions & 37 deletions src/CommunityToolkit.Maui.Core/Views/Popup/PopupExtensions.windows.cs
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,6 @@
using CommunityToolkit.Maui.Core.Handlers;
using Microsoft.Maui.Platform;
using Microsoft.Maui.Primitives;
using Microsoft.UI.Windowing;
using Microsoft.UI.Xaml;
using Microsoft.UI.Xaml.Controls.Primitives;

Expand Down Expand Up @@ -55,7 +54,7 @@ public static void ConfigureControl(this Popup mauiPopup, IPopup popup, IMauiCon
mauiPopup.Child = handler.VirtualView.Content?.ToPlatform(mauiContext);
}

mauiPopup.SetSize(popup);
mauiPopup.SetSize(popup, mauiContext);
mauiPopup.SetLayout(popup, mauiContext);
}

Expand All @@ -64,11 +63,14 @@ public static void ConfigureControl(this Popup mauiPopup, IPopup popup, IMauiCon
/// </summary>
/// <param name="mauiPopup">An instance of <see cref="Popup"/>.</param>
/// <param name="popup">An instance of <see cref="IPopup"/>.</param>
public static void SetSize(this Popup mauiPopup, IPopup popup)
/// <param name="mauiContext">An instance of <see cref="IMauiContext"/>.</param>
public static void SetSize(this Popup mauiPopup, IPopup popup, IMauiContext? mauiContext)
VladislavAntonyuk marked this conversation as resolved.
Show resolved Hide resolved
{
ArgumentNullException.ThrowIfNull(mauiContext);
const double defaultBorderThickness = 0;
const double defaultSize = 600;

var popupParent = mauiContext.GetPlatformWindow();
var standardSize = new Size { Width = defaultSize, Height = defaultSize / 2 };

var currentSize = popup.Size != default ? popup.Size : standardSize;
Expand All @@ -89,21 +91,47 @@ public static void SetSize(this Popup mauiPopup, IPopup popup)
}
}

if (popup.Parent is IView popupParent)
{
currentSize.Width = Math.Min(currentSize.Width, popupParent.Frame.Width);
currentSize.Height = Math.Min(currentSize.Height, popupParent.Frame.Height);
}

currentSize.Width = Math.Min(currentSize.Width, popupParent.Bounds.Width);
currentSize.Height = Math.Min(currentSize.Height, popupParent.Bounds.Height);

mauiPopup.Width = currentSize.Width;
mauiPopup.Height = currentSize.Height;
mauiPopup.MinWidth = mauiPopup.MaxWidth = currentSize.Width + (defaultBorderThickness * 2);
mauiPopup.MinHeight = mauiPopup.MaxHeight = currentSize.Height + (defaultBorderThickness * 2);

if (mauiPopup.Child is FrameworkElement control)
{
control.Width = mauiPopup.Width;
control.Height = mauiPopup.Height;
var verticalOptions = popup.VerticalOptions;
var horizontalOptions = popup.HorizontalOptions;

if (IsFillLeft(verticalOptions, horizontalOptions) || IsFillCenter(verticalOptions, horizontalOptions) || IsFillRight(verticalOptions, horizontalOptions))
{
control.Width = mauiPopup.Width;
control.Height = popupParent.Bounds.Height;
}
else if (IsTopFill(verticalOptions, horizontalOptions) || IsCenterFill(verticalOptions, horizontalOptions) || IsBottomFill(verticalOptions, horizontalOptions))
{
control.Width = popupParent.Bounds.Width;
control.Height = mauiPopup.Height;
}
else if (IsFill(verticalOptions, horizontalOptions))
{
control.Width = popupParent.Bounds.Width;
control.Height = popupParent.Bounds.Height;
}
else
{
control.Width = mauiPopup.Width;
control.Height = mauiPopup.Height;
}

static bool IsFillLeft(LayoutAlignment verticalOptions, LayoutAlignment horizontalOptions) => verticalOptions == LayoutAlignment.Fill && horizontalOptions == LayoutAlignment.Start;
brminnick marked this conversation as resolved.
Show resolved Hide resolved
static bool IsFillCenter(LayoutAlignment verticalOptions, LayoutAlignment horizontalOptions) => verticalOptions == LayoutAlignment.Fill && horizontalOptions == LayoutAlignment.Center;
static bool IsFillRight(LayoutAlignment verticalOptions, LayoutAlignment horizontalOptions) => verticalOptions == LayoutAlignment.Fill && horizontalOptions == LayoutAlignment.End;
static bool IsTopFill(LayoutAlignment verticalOptions, LayoutAlignment horizontalOptions) => verticalOptions == LayoutAlignment.Start && horizontalOptions == LayoutAlignment.Fill;
static bool IsCenterFill(LayoutAlignment verticalOptions, LayoutAlignment horizontalOptions) => verticalOptions == LayoutAlignment.Center && horizontalOptions == LayoutAlignment.Fill;
static bool IsBottomFill(LayoutAlignment verticalOptions, LayoutAlignment horizontalOptions) => verticalOptions == LayoutAlignment.End && horizontalOptions == LayoutAlignment.Fill;
static bool IsFill(LayoutAlignment verticalOptions, LayoutAlignment horizontalOptions) => verticalOptions == LayoutAlignment.Fill && horizontalOptions == LayoutAlignment.Fill;
}
}

Expand All @@ -116,12 +144,11 @@ public static void SetSize(this Popup mauiPopup, IPopup popup)
public static void SetLayout(this Popup mauiPopup, IPopup popup, IMauiContext? mauiContext)
{
ArgumentNullException.ThrowIfNull(mauiContext);
var popupParent = popup.Parent as IView;

var popupParent = mauiContext.GetPlatformWindow();
popup.Content?.Measure(double.PositiveInfinity, double.PositiveInfinity);
var contentSize = popup.Content?.ToPlatform(mauiContext).DesiredSize ?? Windows.Foundation.Size.Empty;
var popupParentFrame = popupParent?.Frame ?? new Rect(0, 0, contentSize.Width, contentSize.Height);

Rect? titleBarRect = GetTitleBarRectangle(mauiContext);
var popupParentFrame = popupParent.Bounds;

var verticalOptions = popup.VerticalOptions;
var horizontalOptions = popup.HorizontalOptions;
Expand All @@ -147,37 +174,85 @@ public static void SetLayout(this Popup mauiPopup, IPopup popup, IMauiContext? m
{
mauiPopup.DesiredPlacement = PopupPlacementMode.Right;
mauiPopup.HorizontalOffset = (popupParentFrame.Width - contentSize.Width);
mauiPopup.VerticalOffset = (popupParentFrame.Height - contentSize.Height / 2 + titleBarRect?.Height ?? 0) / 2;
mauiPopup.VerticalOffset = (popupParentFrame.Height - contentSize.Height) / 2;
}
else if (IsBottomRight(verticalOptions, horizontalOptions))
{
mauiPopup.DesiredPlacement = PopupPlacementMode.BottomEdgeAlignedRight;
mauiPopup.HorizontalOffset = (popupParentFrame.Width - contentSize.Width);
mauiPopup.VerticalOffset = popupParentFrame.Height - contentSize.Height / 2 + titleBarRect?.Height ?? 0;
mauiPopup.VerticalOffset = popupParentFrame.Height - contentSize.Height;
}
else if (IsBottom(verticalOptions, horizontalOptions))
{
mauiPopup.DesiredPlacement = PopupPlacementMode.Bottom;
mauiPopup.HorizontalOffset = (popupParentFrame.Width - contentSize.Width) / 2;
mauiPopup.VerticalOffset = popupParentFrame.Height - contentSize.Height / 2 + titleBarRect?.Height ?? 0;
mauiPopup.VerticalOffset = popupParentFrame.Height - contentSize.Height;
}
else if (IsBottomLeft(verticalOptions, horizontalOptions))
{
mauiPopup.DesiredPlacement = PopupPlacementMode.BottomEdgeAlignedLeft;
mauiPopup.HorizontalOffset = 0;
mauiPopup.VerticalOffset = popupParentFrame.Height - contentSize.Height / 2 + titleBarRect?.Height ?? 0;
mauiPopup.VerticalOffset = popupParentFrame.Height - contentSize.Height;
}
else if (IsLeft(verticalOptions, horizontalOptions))
{
mauiPopup.DesiredPlacement = PopupPlacementMode.Left;
mauiPopup.HorizontalOffset = 0;
mauiPopup.VerticalOffset = (popupParentFrame.Height - contentSize.Height / 2 + titleBarRect?.Height ?? 0) / 2;
mauiPopup.VerticalOffset = (popupParentFrame.Height - contentSize.Height) / 2;
}
else if (IsCenter(verticalOptions, horizontalOptions))
{
mauiPopup.DesiredPlacement = PopupPlacementMode.Auto;
mauiPopup.HorizontalOffset = (popupParentFrame.Width - contentSize.Width) / 2;
mauiPopup.VerticalOffset = (popupParentFrame.Height - contentSize.Height) / 2;
}
else if (IsFillLeft(verticalOptions, horizontalOptions))
{
mauiPopup.DesiredPlacement = PopupPlacementMode.Auto;
mauiPopup.HorizontalOffset = 0;
mauiPopup.VerticalOffset = 0;
}
else if (IsFillCenter(verticalOptions, horizontalOptions))
{
mauiPopup.DesiredPlacement = PopupPlacementMode.Auto;
mauiPopup.HorizontalOffset = (popupParentFrame.Width - contentSize.Width) / 2;
mauiPopup.VerticalOffset = 0;
}
else if (IsFillRight(verticalOptions, horizontalOptions))
{
mauiPopup.DesiredPlacement = PopupPlacementMode.Auto;
mauiPopup.HorizontalOffset = (popupParentFrame.Width - contentSize.Width);
mauiPopup.VerticalOffset = 0;
}
else if (IsTopFill(verticalOptions, horizontalOptions))
{
mauiPopup.DesiredPlacement = PopupPlacementMode.Auto;
mauiPopup.HorizontalOffset = 0;
mauiPopup.VerticalOffset = 0;
}
else if (IsCenterFill(verticalOptions, horizontalOptions))
{
mauiPopup.DesiredPlacement = PopupPlacementMode.Auto;
mauiPopup.HorizontalOffset = 0;
mauiPopup.VerticalOffset = (popupParentFrame.Height - contentSize.Height) / 2;
}
else if (IsBottomFill(verticalOptions, horizontalOptions))
{
mauiPopup.DesiredPlacement = PopupPlacementMode.Auto;
mauiPopup.HorizontalOffset = 0;
mauiPopup.VerticalOffset = popupParentFrame.Height - contentSize.Height;
}
else if (IsFill(verticalOptions, horizontalOptions))
{
mauiPopup.DesiredPlacement = PopupPlacementMode.Auto;
mauiPopup.HorizontalOffset = 0;
mauiPopup.VerticalOffset = 0;
}
else if (popup.Anchor is null)
{
mauiPopup.DesiredPlacement = PopupPlacementMode.Auto;
mauiPopup.HorizontalOffset = (popupParentFrame.Width - contentSize.Width) / 2;
mauiPopup.VerticalOffset = (popupParentFrame.Height - contentSize.Height / 2 + titleBarRect?.Height ?? 0) / 2;
mauiPopup.VerticalOffset = (popupParentFrame.Height - contentSize.Height) / 2;
}
else
{
Expand All @@ -192,21 +267,13 @@ public static void SetLayout(this Popup mauiPopup, IPopup popup, IMauiContext? m
static bool IsBottom(LayoutAlignment verticalOptions, LayoutAlignment horizontalOptions) => verticalOptions == LayoutAlignment.End && horizontalOptions == LayoutAlignment.Center;
static bool IsBottomLeft(LayoutAlignment verticalOptions, LayoutAlignment horizontalOptions) => verticalOptions == LayoutAlignment.End && horizontalOptions == LayoutAlignment.Start;
static bool IsLeft(LayoutAlignment verticalOptions, LayoutAlignment horizontalOptions) => verticalOptions == LayoutAlignment.Center && horizontalOptions == LayoutAlignment.Start;
}

static Rect? GetTitleBarRectangle(IMauiContext? mauiContext)
{
if (!AppWindowTitleBar.IsCustomizationSupported())
{
return null;
}

if (mauiContext?.GetNavigationRootManager()?.RootView is WindowRootView rootView &&
rootView.AppTitleBarContainer is FrameworkElement element)
{
return new Rect((int)element.Margin.Left, 0, (int)element.ActualWidth, (int)element.ActualHeight);
}

return null;
static bool IsCenter(LayoutAlignment verticalOptions, LayoutAlignment horizontalOptions) => verticalOptions == LayoutAlignment.Center && horizontalOptions == LayoutAlignment.Center;
static bool IsFillLeft(LayoutAlignment verticalOptions, LayoutAlignment horizontalOptions) => verticalOptions == LayoutAlignment.Fill && horizontalOptions == LayoutAlignment.Start;
static bool IsFillCenter(LayoutAlignment verticalOptions, LayoutAlignment horizontalOptions) => verticalOptions == LayoutAlignment.Fill && horizontalOptions == LayoutAlignment.Center;
static bool IsFillRight(LayoutAlignment verticalOptions, LayoutAlignment horizontalOptions) => verticalOptions == LayoutAlignment.Fill && horizontalOptions == LayoutAlignment.End;
static bool IsTopFill(LayoutAlignment verticalOptions, LayoutAlignment horizontalOptions) => verticalOptions == LayoutAlignment.Start && horizontalOptions == LayoutAlignment.Fill;
static bool IsCenterFill(LayoutAlignment verticalOptions, LayoutAlignment horizontalOptions) => verticalOptions == LayoutAlignment.Center && horizontalOptions == LayoutAlignment.Fill;
static bool IsBottomFill(LayoutAlignment verticalOptions, LayoutAlignment horizontalOptions) => verticalOptions == LayoutAlignment.End && horizontalOptions == LayoutAlignment.Fill;
static bool IsFill(LayoutAlignment verticalOptions, LayoutAlignment horizontalOptions) => verticalOptions == LayoutAlignment.Fill && horizontalOptions == LayoutAlignment.Fill;
}
}