如何使用Swift使用两个不同的选择复选标记为两个UISegment控件创建单个表视图?

时间:2019-05-16 07:35:55

标签: swift

我正在维护UISegmentControl并使用单个表视图进行搜索。在这里,我正在从JSON(语言列表)加载tableview数据。

现在我有两个细分按钮,例如源语言和目标语言,并且两个细分表视图也具有相同的数据。在此,每当用户选择源语言时,都会选中特定行,如果用户单击目标语言段,则会显示相同的选中标记。我还需要维护单独的数据选择,此外,我将使用搜索栏。

能否请您为我提供两个不同的段控制器按钮的解决方案,但保持单个表格视图及其数据和UI相同。复选标记的选择应该是不同且持久的。

enter image description here

我的代码

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = self.tableView.dequeueReusableCell(withIdentifier: "languagecell", for: indexPath) as! LangCustomCell

    let item = langData[indexPath.row]

    cell.flag_img.sd_setImage(with:url, placeholderImage: UIImage(named: "usa.png"))
    cell.language_label.text = item.languageName
    cell.language_label.textColor = UIColor.gray
    cell.selectionStyle = .none

    //configure you cell here.
    if(indexPath.row == selectedIndex) {
        cell.accessoryType = .checkmark
    } else {
        cell.accessoryType = .none
    }
    return cell
} 

2 个答案:

答案 0 :(得分:1)

创建两个单独的变量来存储from和to的所选语言。 在tableView didSelectRowAt方法中,检查基于selectedSegmentIndex的适当变量。在TableView cellForRowAt中,用当前语言检查所选语言。如果selectedSegmentIndex和所选语言匹配,请使用.checkmark,否则请使用.none

并创建两个类型为[Language]的数组。在searchBar textDidChange方法中,过滤语言数组并重新加载tableView

class ViewController: UIViewController, UITableViewDelegate, UITableViewDataSource, UISearchBarDelegate {
    struct Language: Equatable {
        var title: String
        var icon: UIImage?
    }
    var allLanguages = [Language]()
    var filteredLanguages = [Language]()
    var selectedFromLanguage:Language?
    var selectedToLanguage:Language?

    let segmentedControl = UISegmentedControl()
    let tableView = UITableView()
    let searchBar = UISearchBar()

    override func viewDidLoad() {
        super.viewDidLoad()
        allLanguages = [Language(title: "English", icon: UIImage(named:"uk"))]
        filteredLanguages = allLanguages
//      add constraints segmentedControl, tableView, searchBar in view
    }
    // MARK: - Table view data source
    func numberOfSections(in tableView: UITableView) -> Int {
        return 1
    }
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return filteredLanguages.count
    }
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCell(withIdentifier: "Cell") ?? UITableViewCell(style: .default, reuseIdentifier: "Cell")
        cell.textLabel?.text = filteredLanguages[indexPath.row].title
        cell.imageView?.image = filteredLanguages[indexPath.row].icon
        if segmentedControl.selectedSegmentIndex == 0 && selectedFromLanguage == filteredLanguages[indexPath.row] {
            cell.accessoryType = .checkmark
        } else if segmentedControl.selectedSegmentIndex == 1 && selectedToLanguage == filteredLanguages[indexPath.row] {
            cell.accessoryType = .checkmark
        } else {
            cell.accessoryType = .none
        }
        return cell
    }
    // MARK: - Table view Delegate
    func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
        if segmentedControl.selectedSegmentIndex == 0 {//from
            selectedFromLanguage = filteredLanguages[indexPath.row]
        } else {//to
            selectedToLanguage = filteredLanguages[indexPath.row]
        }
        tableView.reloadData()
    }
    // MARK: - Search bar Delegate
    func searchBar(_ searchBar: UISearchBar, textDidChange searchText: String) {
        if searchText.isEmpty {
            filteredLanguages = allLanguages
        } else {
            filteredLanguages = allLanguages.filter({ $0.title.localizedCaseInsensitiveContains(searchText) })
        }
        tableView.reloadData()
    }
}

使用这样的计算属性来保留所选语言

var selectedFromLanguage:Language? {
    get {
        if let data = UserDefaults.standard.value(forKey: "fromLanguage") as? Data,
            let language = try? JSONDecoder().decode(Language.self, from: data) {
            return language
        }
        return nil 
    }
    set {
        if let data = try? JSONEncoder().encode(newValue) {
            UserDefaults.standard.set(data, forKey: "fromLanguage")
        }
    }
}
var selectedToLanguage:Language? {
    get {
        if let data = UserDefaults.standard.value(forKey: "toLanguage") as? Data,
            let language = try? JSONDecoder().decode(Language.self, from: data) {
            return language
        }
        return nil
    }
    set {
        if let data = try? JSONEncoder().encode(newValue) {
            UserDefaults.standard.set(data, forKey: "toLanguage")
        }
    }
}

答案 1 :(得分:0)

为您的UISegmentControl设置操作:

@IBAction func segmentChanged(_ sender: UISegmentedControl) {
    switch sender.selectedSegmentIndex {
    case 0:
        // do what you need with your tableView
    case 1:
        // do what you need with your tableView
    default:
        return
    }
}

当索引更改设置您的tableView并重新加载数据时