Day#20 Dependencies & conversation UI

前言

今天来加入更多的Dependencies，以及聊天开发的准备

Cocoapods

那麽我们先来新增引用的函式库。

在Podfile新增以下的指令，然後下载。

pod 'MessageKit'
pod 'JGProgressHUD'
pod 'RealmSwift'
pod 'SDWebImage'

先确认此时专案是可以complie的！

ConversationViewController

接着我们在对话的画面新增tableView

private let tableView: UITableView = {
    let table = UITableView()
    table.isHidden = true // hide when there's no conversation
    table.register(UITableViewCell.self,
                   forCellReuseIdentifier: "cell")
    return table
}()

当没有对话可以显示的时候，我们将画面的table view藏起来，并放上noConversationLabel作为提示画面。

private let noConversationLabel: UILabel = {
    let label = UILabel()
    label.text = "No conversations yet."
    label.textAlignment = .center
    label.textColor = .gray
    label.font = .systemFont(ofSize: 21, weight: .medium)
    label.isHidden = true
    return label
}()

viewDidLoad

接着在view load进来的时候，把sub view放到stake中

override func viewDidLoad() {
    super.viewDidLoad()
    view.addSubview(tableView)
    view.addSubview(noConversationLabel)
    setupTableView()
    fetchConversations()
}

private func setupTableView() {
    tableView.delegate = self
    tableView.dataSource = self
}

private func fetchConversations() {
    tableView.isHidden = false
}

前几次文章有提到，我们在进行table view或是各种元件的呈现，会需要指派一个对象，此时我们将此对象指派给自己，不过就需要加上继承，因为目前UITableView无法作为指派的对象。

而我们也提过，与主要逻辑无关的程序结构，可以另外使用extension来撰写。

extension ConversationViewController: UITableViewDelegate, UITableViewDataSource {
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return 1
    }
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCell(withIdentifier: "cell", for: indexPath)
        cell.textLabel?.text = "Hello world"
        cell.accessoryType = .disclosureIndicator // ">" at the right
        return cell
    }
    
    func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
        tableView.deselectRow(at: indexPath, animated: true)
        let vc = ChatViewController()
        vc.title = "Jenny Smith"
        vc.navigationItem.largeTitleDisplayMode = .never
        navigationController?.pushViewController(vc, animated: true)
    }
}

在此，转换後的charViewController，因为还没有资料跟画面，我们先个假资料XD

好的！那今天就到这边，有比前几天的进度好一些些><