我想使用SnapKit将顶部的UIView放在UITableView的顶部

时间:2019-03-28 13:55:04

标签: swift uitableview snapkit

我写的是用于UI渲染的snapkit。我没有使用情节提要或Nib文件。

我想使用SnapKit将顶部的UIView放在UITableView的顶部。

怎么写?

下面是我的书面代码

swift
import UIKit
import SnapKit

class ViewController: UIViewController {


    var data: [String] = []
    var tableView = UITableView()
    var subView = UIView()
    var label = UILabel()


    override func viewDidLoad() {
        super.viewDidLoad()
        self.tableView.delegate = self
        self.tableView.dataSource = self
        // Do any additional setup after loading the view, typically from a nib.
        label.text = "Hello?"
        self.view.addSubview(self.tableView)
        self.tableView.addSubview(self.subView)
        self.subView.addSubview(self.label)
        self.subView.backgroundColor = .gray

        self.tableView.snp.makeConstraints { make in
            make.edges.equalToSuperview()

        }
        self.subView.snp.makeConstraints { make in
            make.top.width.equalTo(self.tableView)
            make.centerX.equalTo(self.tableView)
            make.height.equalTo(200)
        }
        self.label.snp.makeConstraints { make in
            make.centerX.centerY.equalTo(self.subView)
        }
        for i in 0...100 {
            data.append("\(i)")
        }
        self.tableView.reloadData()


    }



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

extension ViewController: UITableViewDataSource {
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return self.data.count
    }

    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let element = self.data[indexPath.row]
        let cell = tableView.dequeueReusableCell(withIdentifier: "comicListCell") ?? UITableViewCell(style: .normal, reuseIdentifier: "comicListCell")
        cell.textLabel?.text = element
        return cell
    }

}

extension ViewController: UITableViewDelegate {
    func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
        print(self.data[indexPath.row])
    }
}

我的代码: enter image description here

我想要!: enter image description here enter image description here

必须将UIView放入UITableView子级中!!

对不起,我的英语不好。

感谢阅读

2 个答案:

答案 0 :(得分:1)

您想要子视图,它是tableview的粘性标题。将此行self.tableView.addSubview(self.subView)更改为 tableView.tableHeaderView = subView

答案 1 :(得分:0)

您可以轻松添加tableView方法:

func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {

    if section == 0 {
        return self.subView
    } else {
        return UIView.init(frame: CGRect.zero)
    }
}