如何使CollectionView两列单元格充分利用空间实现瀑布流布局？

你遇到的是GridItemsLayout无法实现独立高度的两列布局，而LinearItemsLayout仅支持单列的问题。要实现类似瀑布流（项高度互不影响、两列各自垂直排列）的效果，最简便的方式是使用第三方布局库：

方法一：使用Maui.Controls.MultiColumnLayout库 #

这是专门为MAUI打造的瀑布流布局组件，完美适配你的需求：

1. 安装NuGet包
   在项目中安装 Maui.Controls.MultiColumnLayout 包，可以通过NuGet包管理器搜索安装，或者使用命令：

   Install-Package Maui.Controls.MultiColumnLayout
   

2. 修改XAML代码
   先添加命名空间引用，再替换原有的GridItemsLayout为MultiColumnLayout：

   <ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
                xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
                xmlns:multiColumn="clr-namespace:Maui.Controls.MultiColumnLayout;assembly=Maui.Controls.MultiColumnLayout"
                x:Class="YourNamespace.YourPage">
   
       <CollectionView
           x:Name="notesView"
           Margin="15">
           <CollectionView.ItemsLayout>
               <multiColumn:MultiColumnLayout 
                   Columns="2"
                   VerticalSpacing="10"
                   HorizontalSpacing="10"/>
           </CollectionView.ItemsLayout>
           <CollectionView.ItemTemplate>
               <DataTemplate>
                   <!-- 你的项内容 -->
               </DataTemplate>
           </CollectionView.ItemTemplate>
       </CollectionView>
   
   </ContentPage>
   

方法二：自定义ItemsLayout（进阶） #

如果不想依赖第三方库，可以自定义继承自ItemsLayout的布局类，通过计算每列的高度来分配项的位置，但实现复杂度较高，需要处理项的测量和排列逻辑，适合有自定义布局经验的开发者。

不推荐的方法：拆分数据源到两个单列CollectionView #

这种方式需要将原始数据拆分为两个集合，分别绑定到两个并排的CollectionView中，虽然能实现效果，但数据维护繁琐（比如新增、删除项时需要同步处理两个集合），不推荐使用。

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