table的HeaderView
table的HeaderView是一张图片，跟着table的滑动变大变小
只需要继承下面控制器即可
下载连接：https://download.csdn.net/download/qq_37191821/11942670
import UIKit
/// 屏幕的宽度
private let screenW: CGFloat = UIScreen.main.bounds.width;
/// 头部视图的高度
private let headerviewH: CGFloat = screenW*0.6;
/// 导航栏的高度
private let navigationH: CGFloat = UINavigationController().navigationBar.frame.size.height;
/// 状态栏的高度
private let statusH: CGFloat = UIApplication.shared.statusBarFrame.size.height;
/// 深绿色
private let darkGreen = UIColor(hue:0.40, saturation:0.78, brightness:0.68, alpha:1.00)
class ZJTableController: UIViewController,UITableViewDelegate{
public var table : UITableView = {
let size = UIScreen.main.bounds.size;
let view = UITableView(frame: CGRect(x: 0, y: 0, width: size.width, height: size.height), style: UITableViewStyle.plain);
// 设置表格顶部间距, 使得HaderView不被遮挡
view.contentInset = UIEdgeInsets(top: headerviewH, left: 0, bottom: 0, right: 0)
// 设置指示器的间距, 等于表格顶部的间距
view.scrollIndicatorInsets = view.contentInset;
// 注册cell
view.register(UITableViewCell.self, forCellReuseIdentifier: "CellID");
return view;
}();
public var HeaderImage : UIImageView = {
let view = UIImageView(frame: CGRect(x: 0, y: 0, width: screenW, height: headerviewH));
// 设置图像
view.image = UIImage(named: "Girl1")
// 设置图像显示比例
view.contentMode = .scaleAspectFill
// 设置图像裁切
view.clipsToBounds = true
//view.backgroundColor = UIColor.red;
return view;
}()
///MARK:Headerview的高度是否固定
private var HeaderviewIsFixed = false;
private var Headerview : UIView = {
let view = UIView(frame: CGRect(x: 0, y: 0, width: screenW, height: navigationH+statusH));
view.backgroundColor = UIColor(hue:0.40, saturation:0.78, brightness:0.68, alpha:1.00);
view.alpha = 0;
return view;
}()
private var lineView : UIView = {
let lineH = 1 / UIScreen.main.scale
let view = UIView(frame: CGRect(x: 0, y: headerviewH - lineH, width: screenW, height: lineH))
view.backgroundColor = UIColor.lightGray;
return view;
}()
override func viewDidLoad() {
super.viewDidLoad()
self.view.backgroundColor = UIColor.orange;
// Do any additional setup after loading the view.
// 隐藏导航栏, 带动画
navigationController?.setNavigationBarHidden(true, animated: true)
// iOS7以后, 导航控制器中ScrollView\tableView顶部会添加 64 的额外高度 取消自动调整滚动视图间距
automaticallyAdjustsScrollViewInsets = false
view.addSubview(table);
view.addSubview(HeaderImage);
Headerview.addSubview(lineView);
view.addSubview(Headerview);
table.delegate = self;
}
func scrollViewDidScroll(_ scrollView: UIScrollView) {
let offsetY = scrollView.contentOffset.y + scrollView.contentInset.top
guard offsetY <= 0 else {// 上滑
// MARK: 整体移动
HeaderImage.frame.size.height = headerviewH
HeaderImage.frame.origin.y = -offsetY
/// HeaderView最小的Y值
let headerViewMinY = CGFloat(headerviewH - navigationH - statusH) // 显示导航栏
//let headerViewMinY = headerviewH - statusH // 显示状态栏
// min函数: 取最小值
HeaderImage.frame.origin.y = -min(headerViewMinY, offsetY)
// 设置透明度
// 根据输出, 得知当 offsetY / headerViewMinY == 1时,不可见图像
let progress = (offsetY / headerViewMinY)
Headerview.alpha = progress
if HeaderviewIsFixed == false {
Headerview.frame = HeaderImage.frame;
}
return
}
Headerview.alpha = 0
// MARK: 放大图像
// 调整HeaderView\ HeaderImage
HeaderImage.frame.origin.y = 0
// 增大 Headerview 高度
HeaderImage.frame.size.height = headerviewH - offsetY
// 设置分割线的位置
lineView.frame.origin.y = Headerview.frame.size.height - lineView.frame.size.height
// 图像视图高度 = headView高度
//HeaderImage.frame.size.height = Headerview.frame.size.height
}
}