大家可能注意到有些tableView的頂部圖片，會隨著你拉伸而跟著拉伸變大。
一種思路是將圖片放置tableView的tableHeaderView上當tablview下移改變圖片的frame達到效果。當然這個效果特別簡單，高手可以略過。

import UIKitclass ViewController: UIViewController,UITableViewDataSource,UITableViewDelegate {lazy var myTableView : UITableView! = {var tableView = UITableView.init(frame: self.view.frame,style:UITableViewStyle.plain)tableView.delegate = selftableView.dataSource = selftableView.register(UITableViewCell.classForCoder(), forCellReuseIdentifier: "mycell")return tableView}()var headerImageView:UIImageView?var headerView:UIView?var headerViewHeight:CGFloat = 0.0override func viewDidLoad() {super.viewDidLoad()// Do any additional setup after loading the view, typically from a nib.setupUI()}func setupUI(){headerView = UIView.init(frame: CGRect(x:0,y:0,width:self.view.frame.width,height:300))headerViewHeight = headerView!.frame.height;self.view.addSubview(headerView!)headerImageView = UIImageView.init(frame: headerView!.frame)headerImageView?.image = UIImage.init(named: "bg-mine")headerView?.addSubview(headerImageView!)myTableView.tableHeaderView = headerViewself.view.addSubview(myTableView)}func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {return 2}func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {let cell:UITableViewCell = tableView.dequeueReusableCell(withIdentifier: "mycell", for: indexPath)cell.textLabel?.text = "測試"return cell}func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {return 50}func scrollViewDidScroll(_ scrollView: UIScrollView) {let contentOffSetY = scrollView.contentOffset.yif contentOffSetY < 0 {var rect = headerView?.framerect?.size.height = headerViewHeight - contentOffSetYlet headerViewWidth = headerView?.frame.size.widthrect?.size.width = headerViewWidth!*(headerViewHeight-contentOffSetY)/headerViewHeightrect?.origin.x = -((rect?.size.width)! - headerViewWidth!)/2rect?.origin.y = contentOffSetYheaderView?.frame = rect!headerImageView?.frame = rect!} } }

轉載于:https://www.cnblogs.com/kamto/p/7274286.html

總結

以上是生活随笔為你收集整理的ios实践之tableView顶部“弹簧”图片的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。