以下圖為例,圖片,紅色view和藍色view是添加在scrollView上的,向上拖動,紅色view停留在屏幕頂端不動,其它的繼續滾動,向下拖動后,紅色view跟着下來,也可以縮放,效果如下:(有點難看,湊合用就行)
整體思路:首先上拉,紅色到達頂部狀態欄位置時候,把redView添加到控制器的View中。
其次下拉,scrollView頂部跟紅色View平行的時候,將redView添加到scrollView中。
直接添加即可,不需要先移除
代碼如下:(注意的是scrollView中自動布局的設置問題)
#import "ViewController.h" @interface ViewController () <UIScrollViewDelegate> @property (weak, nonatomic) IBOutlet UIScrollView *scrollView; @property (weak, nonatomic) IBOutlet UIView *blueView; @property (weak, nonatomic) IBOutlet UIView *redView; @property (weak, nonatomic) IBOutlet UIImageView *imageView; @end @implementation ViewController - (void)viewDidLoad { [super viewDidLoad]; self.scrollView.contentSize = CGSizeMake(0, CGRectGetMaxY(self.blueView.frame)); } - (void)scrollViewDidScroll:(UIScrollView *)scrollView { //圖片的高度 CGFloat imageH = self.imageView.frame.size.height; //scrollView的滾動的Y值 CGFloat offsetY = scrollView.contentOffset.y; if (offsetY >= imageH) { //當向上滑動到狀態欄邊緣的時候,將紅色控件添加到控制器View中 CGRect redFrame = self.redView.frame; redFrame.origin.y = 0; self.redView.frame = redFrame; [self.view addSubview:self.redView]; }else { //下拉到scrollView頂部時候,將紅色控件添加到控制器scrollView中 CGRect redFrame = self.redView.frame; redFrame.origin.y = imageH; self.redView.frame = redFrame; [self.scrollView addSubview:self.redView]; }
@end
如果想實現下拉后圖片的放大和縮小,可以在后面添加如下代碼:
CGFloat scale = 1 - (offsetY / 20); scale = (scale >= 1) ? scale : 1; self.imageView.transform = CGAffineTransformMakeScale(scale, scale);