美文网首页
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