IOS-UiViewController顶部渐变以及下拉放大图片

96
文学振噢
2018.01.04 20:53* 字数 125

顶部渐变

  • 思路:
    1、隐藏nav和bar
    2、自定义一个Uiview,设置颜色、frame、alpha为0
    _topView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, CGRectGetWidth(self.view.frame), navH)];
    _topView.backgroundColor = [UIColor colorWithRed:0 green:0 blue:0 alpha:0];
    [self.view addSubview:_topView];

3、监听控制器的滚动,当滚动的contentsize.y / x = alpha,x为Uiview滑动到某个位置时,Uiview能够被显示

 _topView.alpha = -offsetY/startImageViewH;

下拉放大图片

  • 思路:
    1、设置滑动的控制器tableVIew的frame为
 _tableView = [[UITableView alloc]initWithFrame:CGRectMake(0, navH, CGRectGetWidth(self.view.frame), CGRectGetHeight(self.view.frame) - navH) style:UITableViewStylePlain];

2、设置滑动的控制器tableView的contentInset

    _tableView.contentInset = UIEdgeInsetsMake(startImageViewH, 0, 0, 0);

3、设置imageView的frame并且添加到_tableView里

  UIImageView * imageView = [[UIImageView alloc]initWithFrame:CGRectMake(0, -startImageViewH, CGRectGetWidth(self.view.frame), startImageViewH)]
  [self.tableView addSubview:imageView];

  • 核心代码
- (void)scrollViewDidScroll:(UIScrollView *)scrollView {
    
    CGFloat offsetY = scrollView.contentOffset.y;

    /* 计算往下拉的时候偏移量 **/
    if (offsetY < -startImageViewH) {
        /* 计算差值 **/
        CGFloat interval = -CGRectGetHeight(self.imageView.frame) - offsetY;
        NSLog(@"interval = %f",interval);
        /* imageView 的高度 增加 interval **/
        CGFloat imageViewH = CGRectGetHeight(self.imageView.frame) + interval;
        /* 计算 imageView的 高度增加后的,宽度增加后的值  **/
        CGFloat imageViewW = imageViewH*CGRectGetWidth(self.imageView.frame)/CGRectGetHeight(self.imageView.frame);
        /* 计算 imageView X 的偏移量 **/
        CGFloat imageViewX =self.imageView.frame.origin.x - (imageViewW -CGRectGetWidth(self.imageView.frame))/2;
        /* 计算 imageView Y 的偏移量 **/
        CGFloat imageViewY =self.imageView.frame.origin.y - interval;
        /* 赋值 **/
        self.imageView.frame = CGRectMake(imageViewX, imageViewY, imageViewW, imageViewH);
     }
    else{
        _topView.alpha = -offsetY/startImageViewH;
    }
    //其实思路很简单 就是 让tableView偏移 一图片的高度,然后在把图片添加到tableView中,然后再监听didScrollView,在里面改变图片的frame
    
}
IOS学习笔记
Web note ad 1