以下图为例,图片,红色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);