美文网首页
TableViewHeader顶部留白

TableViewHeader顶部留白

作者: 枫叶风 | 来源:发表于2017-09-06 15:35 被阅读0次

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


图片留白

代码部分首先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顶部留白

      本文链接:https://www.haomeiwen.com/subject/xccvjxtx.html