swift - 如何使用 Swift 为两个具有两个不同选择复选标记的 UISegment 控件创建单个 TableView ?

标签 swift

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

现在我有两个段按钮,如源语言和目标语言,两个段 TableView 也有相同的数据。在这里,每当用户选择源语言时,特定行都会被选中,如果用户点击目标语言段,则会显示相同的复选标记。我需要维护单独的数据选择,另外,我将使用搜索栏。

能否请您为我提供一个解决方案,用于两个不同的段 Controller 按钮,但保持一个 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
} 

最佳答案

创建两个单独的变量来存储从和到的选定语言。 在 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")
        }
    }
}

关于swift - 如何使用 Swift 为两个具有两个不同选择复选标记的 UISegment 控件创建单个 TableView ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56163218/

相关文章:

ios - UIImagePickerController 检测照片何时进入编辑模式

ios - 在 Pod 中停止本地化

ios - 来自 UNNotificationSound 的声音名称

ios - 按应用程序图标后的上下文菜单

ios - Swift:REST JSON Get 请求带身份验证

ios - 如何扩展 K :String and V:String 的 Swift 字典

swift - 从表格 View 单元格返回总值[swift]

iOS:无效更新:第 n 节中的行数无效

ios - 如何在最后一个位置将对象添加到 NSOrderedSet?

uitableview - 在 View Controller 之间执行 segue 时发生 fatal error