在表表视图的按字母顺序的部分

时间:2017-04-11 11:34:46

标签: ios swift list uitableview

我有一个按字母顺序排序的名称列表,现在我想在表格视图中显示这些名称。我正在努力为每个字母分组这些名字。

我的代码如下所示:

  class ContactTableViewController: UITableViewController {

    var contactArray = ["Alan Douglas", "Bob", "Bethany Webster", "Casey Fleser", "Daniel Huckaby", "Michael Morrison"]
    var contactSection = [String]()
    var contactDictionary = [String : [String]]()

    override func viewDidLoad() {
        super.viewDidLoad()

        generateWordsDict()

        let nav = self.navigationController?.navigationBar
        nav?.tintColor = UIColor(red: 16.0, green: 18.0, blue: 34.0, alpha: 1.0)
        nav?.titleTextAttributes = [NSForegroundColorAttributeName: UIColor.white]
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
    }

    func generateWordsDict(){
        for contact in contactArray {

            let key = "\(contact[contact.startIndex])"
            let lower = key.lowercased()

            if var contactValue = contactDictionary[lower]
            {
                contactValue.append(contact)
            }else{
                contactDictionary[lower] = [contact]
            }
        }
        contactSection = [String](contactDictionary.keys)
        contactSection = contactSection.sorted()
    }
    // MARK: - Table view data source

    override func numberOfSections(in tableView: UITableView) -> Int {
         return contactSection.count
    }

    override func tableView(_ tableView: UITableView, titleForFooterInSection section: Int) -> String? {
        return contactSection[section]
    }

    override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {

        let contactKey = contactSection[section]
        if let contactValue = contactDictionary[contactKey]{
        return contactValue.count
        }
        return 0
    }

    override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCell(withIdentifier: "cellContact", for: indexPath)

        let cotactkey = contactSection[indexPath.section]

        if  let contactValue = contactDictionary[cotactkey.lowercased()] {

            cell.textLabel?.text = contactArray[indexPath.row]

            cell.textLabel?.textColor = UIColor.white
        }
        return cell
    }
    override func sectionIndexTitles(for tableView: UITableView) -> [String]? {
        return contactSection
    }

    override func tableView(_ tableView: UITableView, sectionForSectionIndexTitle title: String, at index: Int) -> Int {
        guard let index = contactSection.index(of: title) else {
            return -1
        }
        return index
    }

    override func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
         self.tableView.deselectRow(at: indexPath, animated: true)
    }
 }

这一切都很有效,除了让我的表格视图结束的分组:

enter image description here

我想做这样的事情:

enter image description here

但我不知道如何实施:

  

如何调整字母的颜色?如何制作名单   显示正确吗?

1 个答案:

答案 0 :(得分:1)

cellForRowAt中您需要使用contactValue代替contactArray

更改行

cell.textLabel?.text = contactArray[indexPath.row]

cell.textLabel?.text = contactValue[indexPath.row]

而不是titleForFooterInSection,您需要实施titleForHeaderInSection

override func tableView(_ tableView: UITableView, titleForHeaderInSection section: Int) -> String? {
    return contactSection[section].uppercased()
}

要将部分标题颜色更改为white实施willDisplayFooterView方法。

override func tableView(_ tableView: UITableView, willDisplayFooterView view: UIView, forSection section: Int) {
    if let view = view as? UITableViewHeaderFooterView {
        view.textLabel?.textColor = .white
    }
}

sectionIndexBackgroundColor的{​​{1}}属性更改为您想要的颜色,而不是tableView颜色。

white