scrollView中內部控件的懸停


以下圖為例,圖片,紅色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);

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM