MAUI应用CollectionView在Windows端加载性能劣于Android的问题求助

针对Android端流畅但Windows端加载105个元素耗时过长的问题，结合你的代码给出以下针对性优化建议：

1. 简化ItemTemplate布局，降低渲染开销 #

你的ItemTemplate嵌套了Border→VerticalStackLayout→三个Label，Windows端的布局测量和渲染成本会随层级增加上升，可做两处调整：

• 用Grid替换VerticalStackLayout：Grid的布局测量效率优于StackLayout，减少容器嵌套开销
• 用Border.CornerRadius替代StrokeShape：Windows端StrokeShape依赖路径绘制圆角，性能远不如原生CornerRadius属性

修改后的ItemTemplate：

<DataTemplate x:DataType="model:PasswordItem">
    <Border HeightRequest="100" 
            Style="{StaticResource CollectionElementDesktop}">
        <Grid>
            <Label Text="{Binding Title, Mode=OneTime}" LineBreakMode="TailTruncation" FontSize="20"/>
            <Label Text="{Binding Username, Mode=OneTime}" LineBreakMode="TailTruncation" Margin="0,25,0,0"/>
            <Label Text="{Binding Mail, Mode=OneTime}" LineBreakMode="TailTruncation" Margin="0,50,0,0"/>
        </Grid>
    </Border>
</DataTemplate>

对应的Style修改（替换StrokeShape为CornerRadius）：

<Style x:Key="CollectionElementDesktop" TargetType="Border">
    <Setter Property="StrokeThickness" Value="2"/>
    <Setter Property="CornerRadius" Value="20"/> <!-- 替换原StrokeShape -->
</Style>

<Style TargetType="Border">
    <Setter Property="Background" Value="Transparent"/>
    <Setter Property="StrokeThickness" Value="1"/>
    <Setter Property="Padding" Value="10"/>
    <Setter Property="Stroke" Value="{StaticResource Primary}"/>
    <Setter Property="CornerRadius" Value="25"/> <!-- 替换原StrokeShape -->
    <Setter Property="VerticalOptions" Value="CenterAndExpand"/>
    <Setter Property="HorizontalOptions" Value="CenterAndExpand"/>
    <!-- 移除多余VisualState：Normal/Selected都设为Transparent，无实际作用 -->
</Style>

2. 优化CollectionView虚拟化与布局策略 #

确保Windows端虚拟化完全生效，减少重复布局测量：

• 显式设置VirtualizationMode="Recycling"（默认值，但避免意外失效）
• 给GridItemsLayout添加ItemSizingStrategy="MeasureFirstItem"，仅测量首个元素尺寸，后续元素复用该尺寸，大幅减少测量次数

修改后的CollectionView：

<CollectionView ItemsSource="{Binding PasswordItems}" 
                SelectedItem="{Binding SelectedPassword}" 
                SelectionMode="Single"
                VirtualizationMode="Recycling">
    <CollectionView.ItemsLayout>
        <GridItemsLayout Orientation="Vertical" 
                         Span="3" 
                         VerticalItemSpacing="5" 
                         HorizontalItemSpacing="5"
                         ItemSizingStrategy="MeasureFirstItem"/>
    </CollectionView.ItemsLayout>
    <!-- 其余内容不变 -->
</CollectionView>

3. 后台处理数据，避免阻塞UI线程 #

你的ViewModel中，循环修改Username和Mail的操作在UI线程执行，Windows端UI线程对阻塞更敏感，将这部分逻辑移到后台线程：

private async Task OnLoadPasswordsClicked()
{
    try
    {
        IsBusy = true;
        var tempList = await App.Database.GetPasswortItemsAsync();
        
        // 数据处理移到后台，不阻塞UI渲染
        await Task.Run(() =>
        {
            foreach (var p in tempList)
            {
                p.Username = string.IsNullOrEmpty(p.Username) ? "Kein Benutzername" : p.Username;
                p.Mail = string.IsNullOrEmpty(p.Mail) ? "Keine Email" : p.Mail;
            }
        });
        
        originalPasswordItems = [.. tempList];
        OnChangeOrderTypeClicked();
    }
    catch (Exception ex)
    {
        Exceptions.ThrowExceptionItem(5000, ex);
    }
    finally
    {
        IsBusy = false;
    }
}

同时确保OnChangeOrderTypeClicked中更新PasswordItems时，使用ObservableRangeCollection.AddRange()一次性添加所有元素，避免逐个添加触发多次UI更新。

4. 移除冗余的CompressedLayout设置 #

你给容器添加了CompressedLayout.IsHeadless="true"，但布局已足够简单时，该属性收益有限，甚至在Windows场景下可能有反效果，可尝试移除后测试性能变化。

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