Xamarin.Forms项目中如何全局复用ListView模板？

重复修改每个页面的ListView模板确实太浪费时间了，下面这几个方案能让你一次性定义、全项目复用，再也不用挨个页面折腾：

方法1：全局资源字典（最省心的基础方案） #

把你的模板定义在App.xaml的全局资源字典里，整个项目的所有页面都能直接引用，适合简单、无复杂逻辑的模板。

步骤： #

1. 在App.xaml中添加你的模板：

<Application xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="YourProjectNamespace.App">
    <Application.Resources>
        <ResourceDictionary>
            <!-- 给模板起个唯一的Key，比如CommonListItemTemplate -->
            <DataTemplate x:Key="CommonListItemTemplate">
                <ViewCell>
                    <!-- 这里放你原来的模板内容，比如： -->
                    <StackLayout Orientation="Horizontal" Padding="12,8">
                        <Image Source="{Binding Icon}" WidthRequest="40" HeightRequest="40" />
                        <StackLayout Margin="8,0">
                            <Label Text="{Binding ItemTitle}" FontSize="16" FontAttributes="Bold" />
                            <Label Text="{Binding ItemDesc}" FontSize="12" TextColor="Gray" />
                        </StackLayout>
                    </StackLayout>
                </ViewCell>
            </DataTemplate>
        </ResourceDictionary>
    </Application.Resources>
</Application>

2. 在任意页面的ListView里直接引用这个模板：

<ListView ItemsSource="{Binding YourItemList}"
          ItemTemplate="{StaticResource CommonListItemTemplate}">
    <!-- 其他ListView属性 -->
</ListView>

以后要改模板，只需要修改App.xaml里的定义，所有页面都会自动同步更新！

方法2：自定义ContentView（适合带逻辑的复杂模板） #

如果你的模板需要绑定事件、包含自定义交互逻辑，或者布局比较复杂，把它封装成一个ContentView是更好的选择，相当于把模板做成一个可复用的组件。

步骤： #

1. 新建一个ContentView（比如命名为CommonListItemView），在它的XAML里写模板布局：

<ContentView xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="YourProjectNamespace.CommonListItemView">
    <ContentView.Content>
        <StackLayout Orientation="Horizontal" Padding="12,8">
            <Image Source="{Binding Icon}" WidthRequest="40" HeightRequest="40" />
            <StackLayout Margin="8,0">
                <Label Text="{Binding ItemTitle}" FontSize="16" FontAttributes="Bold" />
                <Label Text="{Binding ItemDesc}" FontSize="12" TextColor="Gray" />
            </StackLayout>
            <Button Text="操作" Command="{Binding ItemCommand}" Margin="0,0,8,0" />
        </StackLayout>
    </ContentView.Content>
</ContentView>

2. 在对应的后台代码（CommonListItemView.xaml.cs）里可以添加必要的逻辑，比如绑定属性或者事件处理。

3. 在页面的ListView里使用这个ContentView：

<ListView ItemsSource="{Binding YourItemList}">
    <ListView.ItemTemplate>
        <DataTemplate>
            <ViewCell>
                <!-- 引用自定义的ContentView -->
                <local:CommonListItemView />
            </ViewCell>
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>

这种方式的好处是把模板的布局和逻辑都封装在一起，维护起来更清晰，而且可以在多个地方复用这个组件。

方法3：自定义ViewCell（专门针对ListView Cell场景） #

如果你的模板就是ListView的Cell内容，可以直接创建一个自定义的ViewCell，比ContentView更贴合ListView的使用场景。

步骤： #

1. 新建一个ViewCell（比如CommonListViewCell）：

<ViewCell xmlns="http://xamarin.com/schemas/2014/forms"
          xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
          x:Class="YourProjectNamespace.CommonListViewCell">
    <StackLayout Orientation="Horizontal" Padding="12,8">
        <Image Source="{Binding Icon}" WidthRequest="40" HeightRequest="40" />
        <StackLayout Margin="8,0">
            <Label Text="{Binding ItemTitle}" FontSize="16" FontAttributes="Bold" />
            <Label Text="{Binding ItemDesc}" FontSize="12" TextColor="Gray" />
        </StackLayout>
    </StackLayout>
</ViewCell>

2. 在页面的ListView里直接引用这个自定义Cell：

<ListView ItemsSource="{Binding YourItemList}">
    <ListView.ItemTemplate>
        <DataTemplate>
            <local:CommonListViewCell />
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>

这个方法最适合纯Cell的复用，结构更简洁，也符合Xamarin.Forms的组件设计思路。

额外小贴士：如果需要动态切换模板 #

如果某些页面需要在同一ListView里使用不同模板，可以用DataTemplateSelector，不过如果只是全局复用同一模板，上面的三个方法完全足够啦！

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