简单快速实现一张图上下动图效果

在开发中,如果项目需求比较小,时间比较紧,我们就需要一些简单快速来实现我们的功能。动画图实现的效果有很多,比如GIF,iOS的三大基本动画方式等。这里我就记录一种比较容易理解的、简单的效果。

昨天我在开发过程中,我们要实现一个图片上下来回跳动的效果。本来想简单的让美工给个GIF的,她说麻烦,安卓也说一张图就一张图!那我还能说啥,因为一般情况下不给人家找麻烦,所以就只能撸代码了。为了快速实现该功能,我用了UIView中的动画语句块,so easy!看下效果图


Untitled.gif

废话少说,贴代码

UIImageView *imageView1 = [[UIImageView alloc]initWithImage:[UIImage imageNamed:@"park"]];
    [self.view addSubview:imageView1];
    [imageView1 mas_makeConstraints:^(MASConstraintMaker *make) {
        make.centerX.equalTo(self.view);
        make.centerY.equalTo(self.view).offset(-70);
    }];

    UILabel *lab = [CLKitTool label:@"努力寻找中..." textColor:[UIColor colorWithHexString:@"9c9c9c"] font:16 lines:1];
    [self.view addSubview:lab];
    [lab mas_makeConstraints:^(MASConstraintMaker *make) {
        make.centerX.equalTo(self.view);
        make.top.equalTo(imageView1.mas_bottom).offset(20);
    }];
    //animateWithDuration:动画时间,delay:延迟时间,usingSpringWithDamping:弹簧效果,initialSpringVelocity:初始速度
    [UIView animateWithDuration:5.0 delay:0.3 usingSpringWithDamping:0.01 initialSpringVelocity:0.05 options:UIViewAnimationOptionCurveEaseInOut animations:^{  CGPoint point = imageView1.center;
        point.y -= 15;//上下浮动就改变纵坐标
        [imageView1 setCenter:point];
    } completion:^(BOOL finished) {
        // 动画完成后执行
        imageView1.image = [UIImage imageNamed:@"表情"];
        lab.text = @"没有为您查找到可用的停车场";
    }];

😝

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,460评论 25 708
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,251评论 4 61
  • 画了好几遍,小猫咪和小熊画得还是不够好≥﹏≤,颜色选择也不太好,第十四天了,加油!
    谁是大耳朵图图阅读 233评论 1 2
  • 说明文字皆为2013-11-04整理留存 无意整理书籍,发现以前写的诗。时间貌似很久远了。大多为口占,随手写下。赶...
    ChocOne阅读 195评论 2 2
  • 古玉芯欣阅读 128评论 0 0