如何在不破坏 UI 的情况下将搜索放在另一个线程中?

Posted

技术标签:

【中文标题】如何在不破坏 UI 的情况下将搜索放在另一个线程中?【英文标题】:How to put the search in another thread without craching the UI? 【发布时间】:2021-03-17 03:39:36 【问题描述】:

我有一个搜索栏和一个显示结果的表格视图。 我有一个包含 150.000 种食物的数据(这是一个非常大的数据) 因此,当用户点击字母时,UI 会阻止每个字母,并花时间搜索数据并显示结果。 问题不在于花时间显示结果。问题是在点击每个字母后键盘会阻塞,等待 tableview 显示结果。 这不是一个好的用户体验。

这是搜索栏的部分代码:

extension AjoutAlimentController: UISearchBarDelegate 
    
    func searchBar(_ searchBar: UISearchBar, textDidChange searchText: String) 
        let words = Set(searchText.split(separator: " ").map(String.init))
            if searchText.isEmpty 
               baseDeDonneesAlimentsFiltree = [] //baseOuChercheAliments
             else 
            var baseDeDonneesAlimentsFiltreeClassique = baseOuChercheAliments.filter$0.nomAliment.range(of: searchText, options: .anchored) != nil
                baseDeDonneesAlimentsFiltreeClassique.sort(by:  $0.indice > $1.indice)
            var baseDeDonneesAlimentsFiltreeComplexe = baseOuChercheAliments.filter  object in words.allSatisfy  word in object.nomAliment.localizedCaseInsensitiveContains(word)  
                baseDeDonneesAlimentsFiltreeComplexe.sort(by:  $0.indice > $1.indice )
            var soustraction = Array(Set(baseDeDonneesAlimentsFiltreeComplexe).subtracting(baseDeDonneesAlimentsFiltreeClassique))
                soustraction.sort(by:  $0.indice > $1.indice )
            baseDeDonneesAlimentsFiltree = baseDeDonneesAlimentsFiltreeClassique + soustraction
            
        self.tableView.reloadData()
    

func searchBarSearchButtonClicked(_ searchBar: UISearchBar) 
        searchBar.resignFirstResponder()
    

这里是tableview的代码:

extension AjoutAlimentController: UITableViewDelegate, UITableViewDataSource 
    func numberOfSections(in tableView: UITableView) -> Int 
        return 1
    
    
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int 
                if baseDeDonneesAlimentsFiltree.count >= 500 
                    return 500
                 else  return baseDeDonneesAlimentsFiltree.count 
    

 func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell 
                guard let cell = tableView.dequeueReusableCell(withIdentifier: "AlimentToAddCell", for: indexPath) as? AlimentToAddCell else 
                    return UITableViewCell() 
                let alimentFind = baseDeDonneesAlimentsFiltree[indexPath.row] // Here is where the crash occures when i put the search in another thread
                cell.indice.text = String(alimentFind.indice.formattedWithSeparator)
                cell.selectionStyle = .none
                return cell

有没有办法在用户点击每个字母后将搜索放入一个线程而不会使应用程序崩溃?所以 UI 会以它的节奏显示结果,并且键盘不会阻塞。

【问题讨论】:

【参考方案1】:

您可以随时将耗时较长的任务委托给全局队列(非ui线程),一旦数据完成,您可以随时切换到主线程并调用reloadData

    func searchBar(_ searchBar: UISearchBar, textDidChange searchText: String) 
        DispatchQueue.global(qos: .default).async 
            let searchTextBeingQuireid = searchText
            var searchedRecords = [AlimentObject]() //not sure type of your array, mention appropriate type here
            let words = Set(searchText.split(separator: " ").map(String.init))
            if searchText.isEmpty 
                searchedRecords = [] //baseOuChercheAliments
             else 
                var baseDeDonneesAlimentsFiltreeClassique = baseOuChercheAliments.filter$0.nomAliment.range(of: searchText, options: .anchored) != nil
                baseDeDonneesAlimentsFiltreeClassique.sort(by:  $0.indice > $1.indice)
                var baseDeDonneesAlimentsFiltreeComplexe = baseOuChercheAliments.filter  object in words.allSatisfy  word in object.nomAliment.localizedCaseInsensitiveContains(word)  
                baseDeDonneesAlimentsFiltreeComplexe.sort(by:  $0.indice > $1.indice )
                var soustraction = Array(Set(baseDeDonneesAlimentsFiltreeComplexe).subtracting(baseDeDonneesAlimentsFiltreeClassique))
                soustraction.sort(by:  $0.indice > $1.indice )
                searchedRecords = baseDeDonneesAlimentsFiltreeClassique + soustraction
            

            if searchText == searchTextBeingQuireid 
                DispatchQueue.main.async 
                    baseDeDonneesAlimentsFiltree = searchedRecords
                    self.tableView.reloadData()
                
            
        
    

你可以做的优化:

通常,每当我们进行连续搜索调用,并且数据在我们将其显示在屏幕上之前异步返回时,我们会检查响应本身的有效性,假设用户键入 App 您调用以使用搜索文本搜索您的数据库App 在数据返回之前,用户添加 l 制作文本 Appl,然后显示只有 App n 而不是 Appl 的数据看起来像一个错误,因此我添加了 2 个新变量 searchTextBeingQuireid,@987654329 @ 完成搜索后,通过检查 searchTextBeingQuireidsearchText 是否仍然相同来检查您的数据是否仍然有效。如果是,通过调用baseDeDonneesAlimentsFiltree = searchedRecords 更新您的数据源,最后调用reloadData 更新tableView 否则忽略结果,下一次后续调用将无论如何更新结果

【讨论】:

我已经使用了你的提议,但它崩溃了。我在代码中提到了崩溃,它说:线程 1:致命错误:索引超出范围 当用户快速点击字母时会发生崩溃 @maria23:你在回答中使用了最新的代码吗?还要添加完全崩溃

以上是关于如何在不破坏 UI 的情况下将搜索放在另一个线程中?的主要内容,如果未能解决你的问题,请参考以下文章

如何在不破坏滚动功能的情况下将 UIImage 添加到 UIScrollView?

在不改变现有样式的情况下将搜索图标放在输入的前面[重复]

是否可以在不使用 LoadLibrary 的情况下将函数“复制”到另一个进程中并在线程中执行它?

Jquery 循环 - 如何在不破坏缩略图寻呼机的情况下将图像包装在跨度标签中?

如何在不破坏我的结构的情况下将特定单元格排除到 BigQuery 中的数组数组中?

如何在不破坏 Nth-Child 逻辑的情况下将 Div 插入 Flexbox 砖墙?