如何在 Swift 中同步表格视图和搜索栏选择?

Posted

技术标签:

【中文标题】如何在 Swift 中同步表格视图和搜索栏选择?【英文标题】:How to have tableview and searchbar selection sync in Swift? 【发布时间】:2016-04-15 17:58:46 【问题描述】:

我有一个包含大约 200 个项目的表格视图,它允许用户进行多项选择,然后用户提交他们的选择。

我想在该 tableview 的标题中添加一个搜索栏,这将使选择过程更容易。

我可以让搜索结果表进行多项选择,但是当用户选择并删除其他查询时,选择不会与 tableview 同步,因为两者都是不同的表。

如何实现具有搜索功能的多选表视图。

例子——

我有以下数据的表格视图 -

__ Hello
__ Hello World
__ hi There
__ What's Up
__ ios 9 dev
__ Swift
__ Hey there

我想要这样的东西,当用户在搜索栏中输入“sw”并选择 Swift 并删除搜索查询以执行另一个搜索时。

__ Hello
__ Hello World
__ hi There
__ What's Up
__ iOS 9 dev
√ Swift
__ Hey there

现在如果他/她写“wh”并选择What's Up,那么表格视图选择应该是

__ Hello
__ Hello World
__ hi There
√  What's Up
__ iOS 9 dev
√  Swift
__ Hey there

当用户点击提交按钮时,选择数组应返回为 [3,5]

有人可以帮忙吗?

我是 swift 和 iOS 开发的新手,我们将不胜感激。

【问题讨论】:

对不起,我很困惑。您是说您希望用户输入一个搜索词,找到匹配项,然后输入另一个搜索词以获得更多匹配项,然后再输入另一个……等等? @MauryMarkowitz 是的.. 正是.. 我有一个大约 200 个列表,用户必须从中选择一个或多个选项.. 所以用户可能需要搜索不止一次.. 类似这样的东西.. cocoacontrols.com/controls/jgcustomselection 但不幸的是.. 这个控件不起作用.. 开发人员似乎放弃了它。 【参考方案1】:
import UIKit

class ViewController: UIViewController, UITableViewDataSource, UITableViewDelegate, UISearchBarDelegate 

@IBOutlet var tableView: UITableView!

@IBOutlet var searchBar : UISearchBar!


// third field in array is your index, everything more easy with it

var array = [["Swift", false, 0], ["teste", false, 1], ["linguagem", false, 2], ["objectivec", false, 3]]
var arrayFilter = []


@IBOutlet weak var okbutton: UIButton!


@IBAction func okButton(sender: AnyObject) 
    var selection : [Int] = []
    for element in self.array 
        if element[1] as! Bool 
            selection.append(element[2] as! Int)
        
    
    print(selection)




func searchBar(searchBar: UISearchBar, textDidChange searchText: String) 

// filter array with string that start with searchText

    self.arrayFilter = array.filter
        if let pos = ($0[0] as! String).lowercaseString.rangeOfString(searchText.lowercaseString) 
            return (pos.startIndex == ($0[0] as! String).startIndex)
        
        return false
    
    tableView.reloadData()


override func viewDidLoad() 
    super.viewDidLoad()
    searchBar.delegate = self


override func didReceiveMemoryWarning() 
    super.didReceiveMemoryWarning()


// MARK: - Table view data source

func numberOfSectionsInTableView(tableView: UITableView) -> Int 
    return 1


func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int 
    // #warning Incomplete implementation, return the number of rows
    return self.searchBar.text == "" ? self.array.count : self.arrayFilter.count



func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell 
    let cell = tableView.dequeueReusableCellWithIdentifier("cell", forIndexPath: indexPath)
    let lista = self.searchBar.text == "" ? self.array : self.arrayFilter
    cell.textLabel?.text = lista[indexPath.row][0] as? String

// check cell based on second field

    cell.accessoryType = lista[indexPath.row][1] as! Bool ? .Checkmark : .None
    return cell


func tableView(tableView: UITableView, didSelectRowAtIndexPath indexPath: NSIndexPath) 
    let lista = self.searchBar.text == "" ? self.array : self.arrayFilter
    let id = lista[indexPath.row][2] as! Int

// invert the value of checked
    self.array[id][1] = !(array[id][1] as! Bool)
    self.searchBar.text = ""
    tableView.reloadData()



【讨论】:

我希望用户获取所有具有搜索查询的数据。然后勾选/取消勾选他/她需要的。然后回去搜索另一个。 好的,我使用 UISearchBar 进行了必要的调整并更新了 git。 真棒男人..!!!!!只为其他来这里的人...这里是 GIT 的链接..github.com/ccastroelo/SOF36653922

以上是关于如何在 Swift 中同步表格视图和搜索栏选择?的主要内容,如果未能解决你的问题,请参考以下文章

在搜索栏中弹出表格视图,swift 2

Swift 中的下拉搜索栏/视图?

Swift 搜索栏 - 使用 Alamofire 请求更新表格视图

Swift:选择搜索结果后返回tableview

如何在 Swift 中使用搜索栏过滤具有自定义单元格的 UITableView 的内容?

在表格视图中放置搜索栏。选择结果给出错误的详细视图?