美文网首页
类似美团详情页scrollview 实现悬浮效果

类似美团详情页scrollview 实现悬浮效果

作者: tinaH | 来源:发表于2016-11-01 17:34 被阅读173次

    类似于美团详情页效果,价格那一行不随着底部滚动

    当底部滚动时有一部分并未滚动

    #import "ViewController.h"

    @interface ViewController ()

    @property (nonatomic,strong) UIImageView * topImage;

    @property (nonatomic,strong) UIView * redView;

    @property (nonatomic,strong) UIView * blueView;

    @property (nonatomic,strong) UIScrollView * scrollView;

    @end

    @implementation ViewController

    - (void)viewDidLoad {

    [super viewDidLoad];

    self.scrollView = [[UIScrollView alloc]initWithFrame:self.view.bounds];

    self.scrollView.delegate = self;

    [self.view addSubview:self.scrollView];

    _topImage =[[UIImageView  alloc]initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, 600)];

    _topImage.image=[UIImage imageNamed:@"签到_PxCook"];

    [self.scrollView addSubview:_topImage];

    self.redView = [[UIView alloc]initWithFrame:CGRectMake(0, CGRectGetMaxY(self.topImage.frame), self.view.frame.size.width, 30)];

    self.redView.backgroundColor = [UIColor redColor];

    [self.scrollView addSubview:self.redView];

    self.blueView = [[UIView alloc]initWithFrame:CGRectMake(0, CGRectGetMaxY(self.redView.frame), self.view.frame.size.width, 800)];

    self.blueView.backgroundColor = [UIColor blueColor];

    [self.scrollView addSubview:self.blueView];

    self.scrollView.contentSize = CGSizeMake(0,CGRectGetMaxY(self.blueView.frame));

    [self.view addSubview:self.scrollView];

    }

    //核心代码

    - (void)scrollViewDidScroll:(UIScrollView *)scrollView

    {

    CGFloat imageH = self.topImage.frame.size.height;

    CGFloat offsetY = scrollView.contentOffset.y;

    if (offsetY >= imageH ) {

    CGRect redF = self.redView.frame;

    redF.origin.y = 0;

    self.redView.frame = redF;

    [self.view addSubview:self.redView];

    }

    else

    {

    CGRect redF = self.redView.frame;

    redF.origin.y = imageH;

    self.redView.frame = redF;

    [self.scrollView addSubview:self.redView];

    }

    }

    - (void)didReceiveMemoryWarning {

    [super didReceiveMemoryWarning];

    // Dispose of any resources that can be recreated.

    }

    @end

    相关文章

      网友评论

          本文标题:类似美团详情页scrollview 实现悬浮效果

          本文链接:https://www.haomeiwen.com/subject/rvimuttx.html