多选复选框文章过滤功能开发求助：实现多类别筛选与页面跳转

嘿，我看你已经实现了单类别筛选，但卡在了多类别同时选择的逻辑上——核心问题是原来的代码依赖单个_parentCategoryId变量来存储筛选条件，这就天然限制了只能单选。咱们来一步步重构，让它支持多选：

1. 重构筛选条件的存储：从单个值到集合 #

首先，把原来的静态_parentCategoryId换成实例级别的集合，用来保存用户选中的所有父类别ID，这样就能支持多选了：

// 替换原来的静态_parentCategoryId，改成实例级别的选中类别集合
private List<int> _selectedParentCategoryIds = new List<int>();
public List<int> SelectedParentCategoryIds 
{ 
    get => _selectedParentCategoryIds;
    set
    {
        _selectedParentCategoryIds = value;
        NotifyPropertyChanged();
    }
}

然后修改你的GetUserDecision方法，正确收集选中的类别ID，别再直接覆盖_parentCategoryId了：

public void GetUserDecision()
{
    var selectedIds = new List<int>();
    
    if (FilterAllItems)
    {
        // 全选时清空单个类别选中状态，确保逻辑不冲突
        selectedIds.Clear();
        FilterBeginnerItems = FilterIntermediateItems = FilterUpperIntermediateItems = FilterAdvancedItems = false;
    }
    else
    {
        // 收集所有选中的类别ID
        if (FilterBeginnerItems) selectedIds.Add(1);
        if (FilterIntermediateItems) selectedIds.Add(2);
        if (FilterUpperIntermediateItems) selectedIds.Add(3);
        if (FilterAdvancedItems) selectedIds.Add(4);
    }
    
    SelectedParentCategoryIds = selectedIds;
}

接下来，修改各个复选框的setter逻辑，去掉设置_parentCategoryId的代码，换成调用GetUserDecision更新选中集合，再触发文章填充。比如FilterBeginnerItems的setter：

public bool FilterBeginnerItems
{
    set
    {
        _filterBeginnerItems = value;
        NotifyPropertyChanged();
        if (_filterBeginnerItems)
        {
            FilterAllItems = false; // 选单个类别时自动取消全选
        }
        GetUserDecision(); // 更新选中集合
        FillArticles(); // 重新填充筛选后的文章
    }
    get => _filterBeginnerItems;
}

其他三个类别复选框的setter做同样修改，FilterAllItems的setter也调整一下：

public bool FilterAllItems
{
    set
    {
        _filterAllItems = value;
        NotifyPropertyChanged();
        if (_filterAllItems)
        {
            // 全选时自动取消所有单个类别选中状态
            FilterBeginnerItems = false;
            FilterIntermediateItems = false;
            FilterUpperIntermediateItems = false;
            FilterAdvancedItems = false;
        }
        GetUserDecision();
        FillArticles();
    }
    get => _filterAllItems;
}

2. 重写筛选逻辑：匹配多个类别ID #

现在要把FindAllArticlesForPurchase改成基于选中集合的筛选逻辑，原来的逻辑只匹配单个ID，现在改成检查类别是否属于选中的父类别：

private List<Article> FindAllArticlesForPurchase()
{
    // 全选或者没有选中任何类别时，直接返回所有文章
    if (FilterAllItems || !SelectedParentCategoryIds.Any())
    {
        return _allArticlesForPurchase.ToList();
    }
    
    var allArticles = new List<Article>();
    
    // 遍历所有类别组，找到属于选中父类别的子类别，再收集对应的文章
    foreach (var categoryGroup in _allUserCategoryGroups)
    {
        var relevantCategories = _allCategories
            .Where(m => m.CategoryGroupId == categoryGroup.Id 
                     && SelectedParentCategoryIds.Contains(m.ParentId))
            .ToList();
        
        foreach (var category in relevantCategories)
        {
            var categoryArticles = _allArticlesForPurchase
                .Where(m => m.CategoryId == category.Id)
                .ToList();
            allArticles.AddRange(categoryArticles);
        }
    }
    
    // 去重：防止同一文章属于多个选中类别时重复添加
    return allArticles.DistinctBy(a => a.Id).ToList();
}

这里我把方法改成了实例方法（去掉static），因为要访问ViewModel的实例属性SelectedParentCategoryIds，同时加了去重逻辑，避免重复显示同一篇文章。

3. 修复FillArticles的重复添加问题 #

原来的FillArticles每次填充前没有清空集合，会导致多次筛选后文章重复，所以先清空再添加：

private async void FillArticles()
{
    FilterArticlesForPurchase.Clear(); // 先清空现有内容，避免重复
    
    var allArticles = FindAllArticlesForPurchase();
    var downloadedArticles = LangUpDataSaverLoader.DeserializeAllOptimizationData();
    
    foreach (var article in allArticles)
    {
        var filename = string.Format(SharedConstants.ArticleImageUrl, SharedConstants.ApiBaseUri, article.Id);
        var rating = article.FinalRate == -1 ? "-.-" : ((float)article.FinalRate).ToString("0.0");
        
        if (downloadedArticles.DownloadedArticles.Any(m => m.Id == article.Id))
        {
            filename = article.Id.ArticleImageFile();
        }
        
        var detail = new ArticleDetailData()
        {
            Author = article.Author,
            Avatar = filename,
            BackgroundImage = filename,
            Description = article.Description,
            Body = article.Description,
            Section = article.Category,
            Id = article.Id,
            Subtitle = article.Description,
            Title = article.NameCz,
        };
        
        FilterArticlesForPurchase.Add(detail);
    }
}

4. 完善跳转逻辑：传递筛选条件 #

如果需要把筛选条件传递到ArticlesForPurchaseFiltered页面，可以把SelectedParentCategoryIds通过构造函数传过去，这样目标页面也能基于这个集合做筛选：

private async Task FilterItems()
{
    GetUserDecision(); // 确保获取最新的用户选择
    // 把选中的类别ID集合传递到目标页面
    await Application.Current.MainPage.Navigation.PushAsync(new ArticlesForPurchaseFiltered(SelectedParentCategoryIds));
}

然后在ArticlesForPurchaseFiltered的构造函数中接收这个集合，执行对应的筛选逻辑即可。

几个关键注意点 #

• 别用静态变量存用户状态：原来的静态_parentCategoryId会导致多个ViewModel实例之间状态混乱，改用实例属性更安全
• 每次筛选清空集合：防止重复添加文章
• 多类别筛选要去重：同一篇文章可能属于多个类别，确保只显示一次
• 联动复选框状态：全选和单个类别之间要互斥，避免逻辑冲突

这样修改后，你的复选框就能支持同时选择多个类别筛选，点击按钮也能正确跳转到筛选后的页面啦。

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