.NET MAUI CollectionView中复选框大小不一致问题求助

在.NET MAUI中使用CollectionView展示问题选项时，出现每个选项前的CheckBox大小不一致、无法对齐的异常。为排查问题，已将CollectionView背景设为水绿色，CheckBox背景设为黄色。

对应的View代码如下：

<CollectionView Grid.Row="2"
                Grid.Column="0"
                ItemsSource="{Binding CurrentAnswers}"
                ItemsLayout="VerticalGrid"
                ItemSizingStrategy="MeasureAllItems"
                VerticalScrollBarVisibility="Always"
                HeightRequest="400">
    <CollectionView.ItemTemplate>
        <DataTemplate>
            <Grid x:DataType="models:Answer"
                  Padding="20"
                  BackgroundColor="Aqua">
                <Grid.RowDefinitions>
                    <RowDefinition />
                </Grid.RowDefinitions>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition />
                </Grid.ColumnDefinitions>

                <RadioButton Grid.Row="0"
                             Grid.Column="0"
                             Content="{x:Binding Content}"
                             TextColor="{StaticResource NightBlue}"
                             GroupName="Answers"
                             IsVisible="{Binding 
                        Path=BindingContext.CurrentQuestion.QuestionType,
                        Converter={StaticResource QuestionTypeIsStandardToBooleanConverter}, 
                        Source={x:Reference refTestView}}" />
                <Grid Grid.Row="0"
                      Grid.Column="0"
                      IsVisible="{Binding 
                        Path=BindingContext.CurrentQuestion.QuestionType,
                        Converter={StaticResource QuestionTypeIsMultipleChoiceToBooleanConverter}, 
                        Source={x:Reference refTestView}}">
                    <Grid.RowDefinitions>
                        <RowDefinition />
                    </Grid.RowDefinitions>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="100" />
                        <ColumnDefinition />
                    </Grid.ColumnDefinitions>
                    <CheckBox Grid.Row="0"
                              Grid.Column="0"
                              BackgroundColor="Yellow"
                              Color="{StaticResource AlpineBlue}" />
                    <Label Grid.Row="0"
                           Grid.Column="1"
                           Text="{Binding Content}"
                           TextColor="{StaticResource NightBlue}"
                           VerticalOptions="Center"
                           LineBreakMode="WordWrap" />
                </Grid>


                <Entry Grid.Row="0"
                       Grid.Column="0"
                       IsSpellCheckEnabled="False"
                       IsTextPredictionEnabled="False"
                       HorizontalOptions="Start"
                       WidthRequest="400"
                       TextColor="{StaticResource NightBlue}"
                       IsVisible="{Binding 
                        Path=BindingContext.CurrentQuestion.QuestionType,
                        Converter={StaticResource QuestionTypeIsEntryToBooleanConverter}, 
                        Source={x:Reference refTestView}}" />
            </Grid>
        </DataTemplate>
    </CollectionView.ItemTemplate>
</CollectionView>

控件会根据ViewModel中的问题类型，切换显示RadioButton、CheckBox或Entry。请问该问题产生的原因是什么？是否与RadioButton和Entry的并列实现有关？

核心原因 #

1. CheckBox无固定尺寸约束：CheckBox未设置WidthRequest和HeightRequest，默认会填充所在单元格的可用空间。当选项文本换行时，Label高度拉伸父容器，CheckBox会随单元格高度变化而被拉长，导致大小不一致。
2. ItemSizingStrategy的影响：设置ItemSizingStrategy="MeasureAllItems"后，CollectionView会根据每个item的实际内容计算高度，不同item的文本行数不同，导致行高差异，进一步放大CheckBox的尺寸问题。
3. 重叠控件的布局干扰：RadioButton、Entry和CheckBox所在Grid都放在外层Grid的同一单元格，即便通过IsVisible隐藏，部分平台下隐藏控件仍会参与布局测量，间接影响父容器的尺寸计算，导致CheckBox所在单元格的布局异常。

解决步骤 #

1. 固定CheckBox尺寸：给CheckBox添加固定宽高，使用MAUI标准触摸尺寸（44x44）或自定义尺寸：

<CheckBox Grid.Row="0"
          Grid.Column="0"
          BackgroundColor="Yellow"
          Color="{StaticResource AlpineBlue}"
          WidthRequest="44"
          HeightRequest="44" />

2. 添加对齐约束：确保CheckBox在单元格内居中，避免随父容器拉伸：

<CheckBox Grid.Row="0"
          Grid.Column="0"
          BackgroundColor="Yellow"
          Color="{StaticResource AlpineBlue}"
          WidthRequest="44"
          HeightRequest="44"
          VerticalOptions="Center"
          HorizontalOptions="Center" />

3. 优化列表项高度策略：若希望所有列表项高度一致，将ItemSizingStrategy改为MeasureFirstItem，统一使用第一个item的高度：

<CollectionView Grid.Row="2"
                Grid.Column="0"
                ItemsSource="{Binding CurrentAnswers}"
                ItemsLayout="VerticalGrid"
                ItemSizingStrategy="MeasureFirstItem"
                VerticalScrollBarVisibility="Always"
                HeightRequest="400">

4. 替换重叠布局逻辑（可选）：使用DataTemplateSelector替代同一单元格内的IsVisible切换，不同问题类型加载对应模板，彻底避免隐藏控件的布局干扰。

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