.NET MAUI Community Toolkit Popup Margin无效，如何实现自适应边距？

针对Android平台上使用CommunityToolkit.Maui 9.0.2时，弹窗内部Grid的Margin不生效且不想硬编码尺寸的问题，可通过以下两种方式解决：

方案一：直接设置Popup的Padding #

CommunityToolkit.Maui的Popup控件自身提供Padding属性，用于控制内容与弹窗边缘的间距，等效于Xamarin.Forms中Popup的Margin效果。同时设置SizeToContent让弹窗自适应内容大小，避免硬编码：

Grid gButtons = new Grid()
{
    VerticalOptions = LayoutOptions.Fill,
    HorizontalOptions = LayoutOptions.Fill,
    BackgroundColor = backgroundColor,
    ColumnDefinitions = new ColumnDefinitionCollection()
    {
        new ColumnDefinition(){ Width = new GridLength(1, GridUnitType.Star)},
    },
    RowDefinitions = new RowDefinitionCollection()
    {
        new RowDefinition(){ Height = new GridLength(0, GridUnitType.Auto)},
        new RowDefinition(){ Height = new GridLength(0, GridUnitType.Auto)},
    },
};

// 用Popup的Padding替代Grid的Margin
this.Padding = new Thickness(55, 0, 55, 0);
// 让弹窗根据内容自动调整尺寸
this.SizeToContent = SizeToContent.WidthAndHeight;

Content = gButtons;

方案二：嵌套ContentView实现Margin #

通过在外层嵌套ContentView，给ContentView设置Margin，再将Grid作为其内容，同时设置Popup的SizeToContent属性：

Grid gButtons = new Grid()
{
    VerticalOptions = LayoutOptions.Fill,
    HorizontalOptions = LayoutOptions.Fill,
    BackgroundColor = backgroundColor,
    ColumnDefinitions = new ColumnDefinitionCollection()
    {
        new ColumnDefinition(){ Width = new GridLength(1, GridUnitType.Star)},
    },
    RowDefinitions = new RowDefinitionCollection()
    {
        new RowDefinition(){ Height = new GridLength(0, GridUnitType.Auto)},
        new RowDefinition(){ Height = new GridLength(0, GridUnitType.Auto)},
    },
};

var containerView = new ContentView
{
    Margin = new Thickness(55, 0, 55, 0),
    Content = gButtons
};

// 弹窗自适应内容尺寸
this.SizeToContent = SizeToContent.WidthAndHeight;
Content = containerView;

原理说明 #

在Android平台上，CommunityToolkit.Maui的Popup默认会让子元素（如Grid）填充整个弹窗容器，此时子元素的Margin会被容器忽略。通过设置Popup的Padding或嵌套带Margin的ContentView，能正确实现内容与弹窗边缘的间距；而SizeToContent = WidthAndHeight则让弹窗根据内部内容自动计算大小，避免了硬编码尺寸的不良实践。

内容的提问来源于stack exchange，提问作者Jack The Healer