美文网首页
iOS动效——头像放大

iOS动效——头像放大

作者: 邓龙 | 来源:发表于2016-04-21 10:50 被阅读163次

ps:copy同伴的代码的,不知道他从哪里copy的,在这里仅做记录

1.效果图

头像放大动画.gif

2.啥也不说了,上代码

1) scrollview的代理方法

- (void)scrollViewDidScroll:(UIScrollView *)scrollView {
#if 1
    CGFloat offsetY = scrollView.contentOffset.y;
    
    if (offsetY < - 1) {
        if (offsetY > - 200) {
            //修改本地
            [self.headerView imageViewStretchingWithOffSet:offsetY];
        }
    }

#endif
}

2)计算方法

#pragma mark - 改变视图的状态
- (void)imageViewStretchingWithOffSet:(CGFloat)offset {
    
   // NSLog(@"%f---%f",offset,self.headImageView.frame.size.width);
    
    CGFloat whPercent = self.orginWidth / self.orginHeight;//原始比例
    
    CGFloat height = self.orginHeight - offset;//拉伸后的高度
    
    CGFloat width = self.orginWidth - offset * whPercent;//拉伸后的宽度
    
    CGFloat newHeadWidth = self.headWidth - offset;
    CGFloat newHeadOriginY = self.headOriginY + offset;
    
    if (offset < -1.5) {
        self.bgImageView.frame = CGRectMake(offset / 3 * 2, offset, width, height);
        if (newHeadWidth > kUserInfoHeadViewWidth - (self.headOriginX * 4)) {
            //超过不做处理
            
        }else{
          self.headImageView.frame = CGRectMake(self.headOriginX, newHeadOriginY, newHeadWidth, newHeadWidth);
        }
        
    }else {
        self.bgImageView.frame   = CGRectMake(0, 0, self.orginWidth, self.orginHeight);
        self.headImageView.frame = CGRectMake(self.headOriginX, self.headOriginY, self.headWidth, self.headHeight);
    }
    
}

相关文章

  • iOS动效——头像放大

    ps:copy同伴的代码的,不知道他从哪里copy的,在这里仅做记录 1.效果图 2.啥也不说了,上代码 1) s...

  • [iOS] 视频添加动效水印实现介绍

    [iOS] 视频添加动效水印实现介绍 [iOS] 视频添加动效水印实现介绍

  • YoYoBall加载动画

    欢迎同样喜爱动效的你加入iOS动效特攻队–>QQ群:547897182 iOS动效特攻队–>熊熊:64807025...

  • Fade数字切换动效

    欢迎同样喜爱动效的你加入iOS动效特攻队–>QQ群:547897182 iOS动效特攻队–>熊熊:64807025...

  • iOS动效

    1️⃣、对称线画板,自定义线条数和颜色绘制 2️⃣、通过旋转手机查看全图 粒子动画+陀螺仪 3️⃣、非正弦波浪线三...

  • css简单动效

    简单的css3动效 直接上代码 摆钟 景色动效 相册 模拟ios手机相册吸附效果

  • iOS动画详解(学习动画看这一篇就够了)

    动效设计一直是iOS平台的优势,良好的动效设计可以很好地提升用户体验。而动画则是动效的基础支撑。本动画将从易到难逐...

  • iOS之放大头像

    查看大图的方法 大图变回小图 END.

  • DAY 34

    Material design 包含内容丰富,对动效这一块有兴趣,下个月打算学AE,研究动效,这一篇会学习 ios...

  • iOS雪花飘落动效

网友评论

      本文标题:iOS动效——头像放大

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