通过 StoryBoard 实现 UITableView Header下拉图片放大功能

WeChate78de05932463259003aa7b880e52f6e.png

网上的方法基本都是通过监听 ScrollView 滚动方法来完成的,这里给大家介绍一种通过约束来实现的,而且相当简单。

1. 往 UITableview中拖一个 UIView

第一个拖进去的View 会自动成为 TableView的 HeaderView,这里可以根据自己的情况调整高度 。

2.拖动一个 UIImageView 到 headerView中

2.1内容模式为Aspect Fill
2.2 添加水平约束( 相对headerView)
2.3 添加底部约束( 相对headerView),这里设置优先级别为高(750)。(不然向上拖动超过屏幕约束会报错)

3. 设置顶部约束。(这里顶部约束要以 self.view 为基准,所以只能用代码设置)

 let top = headerImageView.topAnchor.constraint(equalTo: self.view.topAnchor)
 NSLayoutConstraint.activate([top])

你可能感兴趣的:(通过 StoryBoard 实现 UITableView Header下拉图片放大功能)