MAUI中如何为CollectionView按平台设置不同布局（无需#分隔）

你可以直接利用XAML的OnPlatform标记为不同平台指定对应的ItemsLayout，完全不需要依赖平台条件编译指令，以下是两种可行的实现方式：

方式一：直接在ItemsLayout属性中使用OnPlatform #

直接在CollectionView.ItemsLayout节点下嵌套OnPlatform，为Android和iOS分别指定对应的布局类：

<CollectionView>
    <CollectionView.ItemsLayout>
        <OnPlatform x:TypeArguments="ItemsLayout">
            <On Platform="Android">
                <GridItemsLayout />
            </On>
            <On Platform="iOS">
                <LinearItemsLayout Orientation="Vertical" />
            </On>
            <!-- 可按需添加其他平台的默认布局，比如UWP -->
            <On Platform="UWP">
                <LinearItemsLayout Orientation="Vertical" />
            </On>
        </OnPlatform>
    </CollectionView.ItemsLayout>
    <CollectionView.ItemTemplate>
        <DataTemplate>
            <Label Text="{Binding}" />
        </DataTemplate>
    </CollectionView.ItemTemplate>
</CollectionView>

这里x:TypeArguments="ItemsLayout"指定了OnPlatform要返回的类型为ItemsLayout（GridItemsLayout和LinearItemsLayout都是它的子类），确保不同平台能返回对应的布局实例。

方式二：通过Style复用布局配置 #

如果需要在多个CollectionView中复用这种平台差异化布局，可以定义全局Style：

<ContentPage.Resources>
    <Style TargetType="CollectionView">
        <Setter Property="ItemsLayout">
            <Setter.Value>
                <OnPlatform x:TypeArguments="ItemsLayout">
                    <On Platform="Android">
                        <GridItemsLayout Span="2" /> <!-- 可直接设置布局参数，比如网格列数 -->
                    </On>
                    <On Platform="iOS">
                        <LinearItemsLayout Orientation="Horizontal" />
                    </On>
                </OnPlatform>
            </Setter.Value>
        </Setter>
    </Style>
</ContentPage.Resources>

<!-- 使用时无需重复写布局配置，自动应用平台规则 -->
<CollectionView>
    <CollectionView.ItemTemplate>
        <DataTemplate>
            <Label Text="{Binding}" />
        </DataTemplate>
    </CollectionView.ItemTemplate>
</CollectionView>

这种方式的优势是能统一管理所有CollectionView的平台布局规则，修改时只需调整Style即可。

注意事项 #

• 确保页面根节点已引入必要的命名空间（MAUI项目默认已包含Microsoft.Maui.Controls相关命名空间）
• 若需为布局设置额外属性（如GridItemsLayout的Span、LinearItemsLayout的Orientation），直接在对应平台的布局节点下添加即可

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