scrollView中内部控件的悬停-优快云博客

本文介绍如何在iOS应用中实现特定视图的滚动与缩放效果，通过将视图添加到不同的父视图中来达到固定或跟随滚动的目的，并附带实现代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

转载于:https://www.cnblogs.com/hissia/p/5468347.html