TableViewHeader顶部留白

tableView可以说是最常用的控件之一了,在一些商品详情页中tableViewHeader通常会放置商品图片。但是总会出现留白部分。我的解决方法是图片设置的时候y值设为负数,这样图片的留白部分会解决。


TableViewHeader顶部留白_第1张图片
图片留白

代码部分首先headerView设置:

        headerView = UIView()
        headerView.frame = CGRect(x: 0, y: 0, w: UIScreen.main.bounds.width, h: 150)
        let imageView = UIImageView()
        // 图片的y值设为-40,这样headerView的留白会被覆盖到
        imageView,frame = CGRect(x: 0, y: -40, w: UIScreen.main.bounds.width, h: 150)
        headerView.addSubview(imageView)

然后是tableView代理:

    func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
        return headerView
    }
    
    func tableView(_ tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat {
        return headerView.frame.height
    }

你可能感兴趣的:(TableViewHeader顶部留白)