如何使用MAUI Toolkit自定义调整Popup的显示位置？

针对你在.NET 8 MAUI环境下无法通过AbsoluteLayout自定义Popup位置的问题，以下是几种可行的解决方案：

方案1：通过锚点与偏移量实现相对定位 #

如果Popup需要相对于某个UI元素（如按钮）显示，直接利用Popup自带的Anchor、Placement、HorizontalOffset和VerticalOffset属性即可：

XAML配置 #

<toolkit:Popup xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
               xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
               xmlns:toolkit="http://schemas.microsoft.com/dotnet/2022/maui/toolkit"
               x:Class="xxx.SelectPopup"
               Placement="Relative"
               HorizontalOffset="50"
               VerticalOffset="30">
    
    <VerticalStackLayout WidthRequest="220" HeightRequest="120">
        <Label Text="This is a very important message!" />
    </VerticalStackLayout>

</toolkit:Popup>

后台代码指定锚点 #

var popup = new SelectPopup();
popup.Anchor = targetButton; // 将Popup锚定到目标UI元素
await popup.ShowAsync();

Placement属性支持Top/Bottom/Left/Right/Center等预设值，配合偏移量可精准控制Popup相对于锚点的位置。

方案2：实现屏幕绝对位置定位 #

若需要将Popup固定在屏幕某个绝对坐标，结合基础对齐属性与偏移量即可：

<toolkit:Popup xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
               xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
               xmlns:toolkit="http://schemas.microsoft.com/dotnet/2022/maui/toolkit"
               x:Class="xxx.SelectPopup"
               HorizontalOptions="Start"
               VerticalOptions="Start"
               HorizontalOffset="100"
               VerticalOffset="200">
    
    <VerticalStackLayout WidthRequest="200" HeightRequest="100">
        <Label Text="This is a very important message!" />
    </VerticalStackLayout>

</toolkit:Popup>

这里HorizontalOptions="Start"和VerticalOptions="Start"将Popup的基准点设为屏幕左上角，再通过HorizontalOffset和VerticalOffset偏移到目标坐标（100,200）。

方案3：重写布局逻辑完全自定义 #

如果以上方案无法满足需求，可重写Popup的ArrangeOverride方法手动控制布局：

namespace xxx;

public partial class SelectPopup : Popup
{
    public SelectPopup()
    {
        InitializeComponent();
    }

    protected override Size ArrangeOverride(Rect bounds)
    {
        // 自定义Popup的位置与尺寸，示例为固定在(100,200)，宽200高100
        var customBounds = new Rect(100, 200, 200, 100);
        return base.ArrangeOverride(customBounds);
    }
}

补充说明 #

你之前尝试的AbsoluteLayout.LayoutBounds无效，是因为Popup并非AbsoluteLayout的直接子元素，其布局逻辑由MAUI Toolkit内部托管，必须使用Popup自身提供的属性或重写布局方法来调整位置。

内容的提问来源于stack exchange，提问作者infinitesimal