Xamarin中ListView存储数字时如何统计数字重复出现次数

整个功能拆成独立统计逻辑和UI展示层两部分实现，统计逻辑可完全复用，只需要根据选择的展示方式对接UI即可，不需要改动ListView原有数据加载逻辑。

不管用哪种展示方式，先基于绑定到ListView的数据源做分组计数即可，用LINQ就能快速实现，性能够应对常规量级的数字数据：

// 记得先引入对应命名空间
// using System.Linq;
// using System.Collections.ObjectModel;

// 假设绑定到ListView的数据源是ObservableCollection<int>类型的NumberList
var countResult = NumberList
    .GroupBy(num => num)
    .Select(g => new 
    {
        NumValue = g.Key,
        RepeatTimes = g.Count()
    })
    .OrderByDescending(i => i.RepeatTimes)
    .ToList();

如果要做侧边内嵌展示，可以把结果转成字典方便快速查询，避免每次渲染单元格都遍历全量数据：

Dictionary<int, int> countLookup = countResult.ToDictionary(k => k.NumValue, v => v.RepeatTimes);

方案1：警告框/消息框弹出展示 #

不需要修改现有ListView布局，统计完成后直接拼接文本调用弹窗能力即可：

using System.Text;

// 拼接统计结果文本
var resultText = new StringBuilder();
resultText.AppendLine("数字重复统计结果：");
foreach(var item in countResult)
{
    resultText.AppendLine($"数字 {item.NumValue}：共出现 {item.RepeatTimes} 次");
}

// 方式1：弹出Xamarin.Forms内置的模态警告框
await DisplayAlert("统计结果", resultText.ToString(), "关闭");

// 方式2：弹出非模态短时Toast消息（需要通过依赖服务调用各平台原生接口，安卓端核心代码如下）
// Android.Widget.Toast.MakeText(
//     Android.App.Application.Context, 
//     resultText.ToString(), 
//     Android.Widget.ToastLength.Long
// ).Show();

方案2：ListView侧边内嵌显示 #

需要自定义ListView的ItemTemplate，用Grid布局把重复次数标签放在单元格右侧，搭配值转换器从预先生成的计数字典里取对应数字的次数即可：

1. 首先编写值转换器，负责根据当前单元格的数字值查询对应的重复次数：

using System.Globalization;
using Xamarin.Forms;

public class RepeatCountConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        if (value is int currentNum && App.Current.MainPage.BindingContext is MainPageViewModel vm)
        {
            return vm.countLookup.TryGetValue(currentNum, out int count) ? $"×{count}" : "×0";
        }
        return "×0";
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

2. 在XAML中引入转换器资源，修改ListView的ItemTemplate布局：

<!-- 页面资源里注册转换器 -->
<ContentPage.Resources>
    <ResourceDictionary>
        <local:RepeatCountConverter x:Key="CountConverter"/>
    </ResourceDictionary>
</ContentPage.Resources>

<!-- 自定义ListView单元格布局 -->
<ListView x:Name="NumListView" ItemsSource="{Binding NumberList}" RowHeight="48">
    <ListView.ItemTemplate>
        <DataTemplate>
            <ViewCell>
                <Grid Padding="16,0">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*"/>
                        <ColumnDefinition Width="Auto"/>
                    </Grid.ColumnDefinitions>
                    <!-- 左侧原有数字显示 -->
                    <Label Text="{Binding .}" FontSize="16" VerticalOptions="Center"/>
                    <!-- 侧边重复次数标签 -->
                    <Label Grid.Column="1" 
                           Text="{Binding ., Converter={StaticResource CountConverter}}"
                           BackgroundColor="#2563eb"
                           TextColor="White"
                           FontSize="13"
                           Padding="8,4"
                           CornerRadius="6"
                           VerticalOptions="Center"/>
                </Grid>
            </ViewCell>
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>

注意事项 #

如果数字列表支持动态增删修改，每次NumberList的CollectionChanged事件触发时，重新执行一遍统计逻辑更新countLookup字典，调用OnPropertyChanged通知界面刷新即可，不会造成明显卡顿。

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