如何使Grid中的Frame适配内容而非父容器尺寸？

以下是当前的实现代码：

this.RowDefinitions = new RowDefinitionCollection()
{
    new RowDefinition() { Height = GridLength.Star },
    new RowDefinition() { Height = GridLength.Star },
    new RowDefinition() { Height = 1 },
};

this.ColumnDefinitions = new ColumnDefinitionCollection()
{
    new ColumnDefinition() { Width = new GridLength(3, GridUnitType.Star) },
    new ColumnDefinition() { Width = new GridLength(1, GridUnitType.Star) },
};

this.subjectLabel = new Label();
this.subjectLabel.LineBreakMode = LineBreakMode.TailTruncation;
this.subjectLabel.MaxLines = 1;
this.Add(subjectLabel, 0, 0);

this.messageLabel = new Label();
this.messageLabel.TextTransform = TextTransform.None;
this.messageLabel.LineBreakMode = LineBreakMode.TailTruncation;
this.messageLabel.MaxLines = 1;
this.Add(messageLabel, 0, 1);

this.formsCount = new Label();
formsCount.Margin = new Thickness(0, 0, 3, 0);

var documentIcon = new Label
{
    FontFamily = Theme.Active.Fonts.IconsFamily,
    Text = Theme.Fonts.FontAwesome5.FileAlt,
    TextColor = Theme.Active.Colours.Passive,
    VerticalTextAlignment = TextAlignment.Center,
    HorizontalTextAlignment = TextAlignment.Center,
    FontSize = 16,
};

var iconStack = new StackLayout()
{
    Orientation = StackOrientation.Horizontal,
    VerticalOptions = LayoutOptions.Center,
    HorizontalOptions = LayoutOptions.Center,
    BackgroundColor = Colors.Red,
    Children =
    {
        formsCount,
        documentIcon
    }
};

var iconFrame = new Frame
{
    HorizontalOptions = LayoutOptions.End,
    VerticalOptions = LayoutOptions.Center,
    BackgroundColor = Color.FromRgba(0, 0, 100, 100),
    CornerRadius = 20,
    Padding = 0,
    Content = iconStack,
};

this.Add(iconFrame, 1, 0);
Grid.SetRowSpan(iconFrame, 2);

当前视图效果：

期望视图效果（红色为StackLayout的背景色）：

核心需求：让Frame的尺寸适配其内容（StackLayout），同时添加少量内边距。

解决方案 #

只需修改iconFrame的两个关键属性：

1. 将HorizontalOptions和VerticalOptions改为LayoutOptions.WrapContent，让Frame自动适配内容尺寸，而非占满所在网格列的可用空间。
2. 设置合适的Padding值，替代原来的0，添加少量内边距。

修改后的iconFrame代码：

var iconFrame = new Frame
{
    // 修改：让Frame适配内容尺寸
    HorizontalOptions = LayoutOptions.WrapContent,
    VerticalOptions = LayoutOptions.WrapContent,
    BackgroundColor = Color.FromRgba(0, 0, 100, 100),
    CornerRadius = 20,
    // 修改：添加少量内边距，可根据需求调整数值
    Padding = new Thickness(8, 4, 8, 4),
    Content = iconStack,
};

如果需要Frame在网格第二列保持右对齐，可额外给Frame添加右侧留白的Margin：

Margin = new Thickness(0, 0, 8, 0)

这样修改后，Frame就会紧紧包裹StackLayout并带有指定内边距，完全符合期望的显示效果。

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