C# MAUI：窗口缩小时CollectionView内Grid内容无法收缩的问题

问题现象 #

• 初始小窗口状态下，CollectionView项内Grid的两列按ColumnDefinitions="*,150"正常分配宽度
• 窗口放大后，第一列扩展至最大允许尺寸
• 窗口再次缩小时，第一列无法收缩，导致内容溢出

环境 #

Microsoft Visual Studio Community 2022（64位）预览版 17.8.0 Preview 1.0

解决方案 #

问题核心是Frame、VerticalStackLayout及内部Label缺少尺寸约束，导致布局扩展后无法主动收缩。按以下方式修改代码：

修改ItemTemplate代码 #

<DataTemplate x:DataType="model:Downld__">
    <Grid ColumnDefinitions="*,150"
          Padding="5">
        <Frame Padding="10,5,10,5"
               HorizontalOptions="FillAndExpand"
               VerticalOptions="FillAndExpand">
            <VerticalStackLayout HorizontalOptions="Fill">
                <Label LineBreakMode="WordWrap">
                    <Label.Text>
                        <MultiBinding StringFormat="{}{0} ({1})">
                            <Binding Path="Event___" />
                            <Binding Path="Photog__" />
                        </MultiBinding>
                    </Label.Text>
                </Label>
                <Label Text="{Binding Size____, Converter={StaticResource BytesToReadable}}"
                       LineBreakMode="WordWrap"/>
            </VerticalStackLayout>
        </Frame>
        <Button Grid.RowSpan="2"
                Grid.Column="1"
                Clicked="OnButtonClicked"
                Text="{Binding Status__, Converter={StaticResource EnumToDescription}}"/>
    </Grid>
</DataTemplate>

额外优化：约束CollectionView宽度 #

给CollectionView添加HorizontalOptions="Fill"，确保它始终匹配父容器可用宽度，避免额外溢出：

<CollectionView x:Name="DataView"
                ItemsSource="{Binding Downloads}"
                Grid.Row="3"
                MaximumWidthRequest="800"
                HorizontalOptions="Fill">

原理说明 #

1. Frame设置FillAndExpand：默认布局选项不会强制Frame跟随父容器收缩，设置后会让Frame尺寸完全绑定Grid第一列的可用空间
2. VerticalStackLayout设置Fill：避免布局宽度由内部内容决定，强制绑定Frame的宽度，确保收缩时同步变化
3. Label设置LineBreakMode="WordWrap"：防止文本过长撑大布局，宽度不足时自动换行，从根源避免溢出

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