網上有很多類似的demo，但都是分開實現(xiàn)的，我把這兩個功能放到了一起，并且沒有使用AutoLayout，沒有用KVO，沒有用storyboard/xib。

　　我將重點數(shù)字使用的宏定義，擴展性很強。

　　先來看看效果吧

　　實現(xiàn)思路：

　　1. 創(chuàng)建頭部的視圖和tableview，需要注意的是tableview要設置contentInset，contentInsent 的頂部要和頭部視圖的背景圖的高度一樣，否則會有空隙（或是有遮擋）。

　　myTableView.contentInset = UIEdgeInsetsMake（headRect.size.height-navHeight-navHeight， 0， 0， 0）;

　　2. 對頭部視圖的背景圖片的尺寸進行處理，當然，你也可以直接找一個適合尺寸的圖片，就不用處理圖片了，為了增加程序的擴展性，我就隨便選了張圖，并進行圖片尺寸處理。

　　UIImage * image = ［UIImage imageNamed:name］;

　　UIImage * newImg = ［self image:image byScalingToSize:self.bounds.size］;

　　backgroundView.image = newImg;

　　backgroundView.clipsToBounds = YES;//切掉圖片多余的部分

　　//處理圖片方法

　　- （UIImage *）image：（UIImage*）image byScalingToSize：（CGSize）targetSize {

　　UIImage *sourceImage = image;

　　UIImage *newImage = nil;

　　UIGraphicsBeginImageContext（targetSize）;

　　CGRect thumbnailRect = CGRectZero;

　　thumbnailRect.origin = CGPointZero;

　　thumbnailRect.size.width = targetSize.width;

　　thumbnailRect.size.height = targetSize.height;

　　［sourceImage drawInRect:thumbnailRect］;

　　newImage = UIGraphicsGetImageFromCurrentImageContext（）;

　　UIGraphicsEndImageContext（）;

　　return newImage ;

　　}

　　3. 搞定了這些，準備工作就完成了，接下來，一個方法實現(xiàn)我們的下拉放大、上推縮小的功能，當然，重點和難點是邏輯，技術很easy。大家都知道UITableView是繼承UIScrollView的，利用UIScrollView的代理方法- （void）scrollViewDidScroll：（UIScrollView *）scrollView;來實現(xiàn)。

　　下拉放大

　　在這個方法中，我們將功能分為兩部分，一個是下拉放大，這個是比較容易的，就是對頭部視圖的背景圖進行放大，調整frame，需要注意的是在此需要調整圖片的顯示方式，因為下拉和上推中圖片顯示的方式是不同的，否則即使你調整了frame，也不會按frame來顯示的。

　　_myView.backgroundView.contentMode = UIViewContentModeScaleToFill;

　　_myView.backgroundView.frame = CGRectMake（offset_Y*0.5 ， -navHeight， VCWidth - offset_Y， headRect.size.height - offset_Y）;

　　上推移動縮小

　　這個就比較難理解了，當然，我說的是中間對frame的算法，我們將三個視圖分開說。

　　背景圖：先切換顯示模式，然后將y隨著tableview偏移移動到0，高度也是隨著tableview偏移，最終移動到需要的高度（Demo留的是44）

　　_myView.backgroundView.contentMode = UIViewContentModeTop;

　　_myView.backgroundView.frame = CGRectMake（0 ，navHeight* offset_Y/（headRect.size.height-navHeight-navHeight）-navHeight; ， VCWidth ， headRect.size.height -（navHeight + navHeight* offset_Y/（headRect.size.height-navHeight-navHeight）-navHeight;） - offset_Y）;

　　頭像：頭像需要隨著tableview的偏移而移動自身的位置，并且還要進行縮小。這里面就是一個線性方程的關系，和上面的的背景圖是一樣的。

　　CGFloat width = offset_Y*（40-（VCWidth / 4））/（headRect.size.height-navHeight-navHeight）+（VCWidth / 4）;

　　_myView.headView.frame =CGRectMake（0， 0， width，width）;

　　_myView.headView.layer.cornerRadius =width*0.5;

　　_myView.headView.center = _myView.backgroundView.center;

　　簽名：簽名比較簡單，只要跟著頭像動就行，然后再根據偏移調整自己的透明度就行了。

　　_myView.signLabel.frame =CGRectMake（0， CGRectGetMaxY（_myView.headView.frame）， VCWidth， 40）;

　　_myView.signLabel.alpha = 1 - （offset_Y*3 / （headRect.size.height-navHeight-navHeight） /2）;

　　然后就大功告成了。

相關電子資料下載

• iOS17.1可能明天發(fā)布，iOS17.1主要修復哪些問題？ 377
• 華為全新鴻蒙蓄勢待發(fā) 僅支持鴻蒙內核和鴻蒙系統(tǒng)應用 719
• 蘋果手機系統(tǒng)iOS 17遭用戶質疑 731
• iPhone12輻射超標？蘋果推送iOS 17.1解決此事 750
• 傳華為囤積零部件 目標明年智能手機出貨7000萬部；消息稱 MiOS 僅限國內，小米 28208
• 蘋果推送iOS17.0.3，解決iPhone15Pro系列存在機身過熱 216
• Testin云測兼容和真機服務平臺中上線iPhone 15系列手機 208
• 利爾達推出搭載HooRiiOS的Matter模組 145
• 運放參數(shù)解析：輸入偏置電流(Ibias)和失調電流(Ios) 128
• 昆侖太科發(fā)布支持國產飛騰騰銳D2000芯片的開源BIOS固件版本 448