美文网首页iOS常用iOS知识收藏
iOS开发中常用的动画(今日头条闪动加载)

iOS开发中常用的动画(今日头条闪动加载)

作者: 踏平9天下 | 来源:发表于2020-05-18 11:27 被阅读0次

今日头条的加载页面有这么一个动画

image

效果不错,可以借鉴到APP中。不过网上没有现成OC的demo,就自己实现了一个,
ok,直接上代码。

UILabel *lb = [[UILabel alloc]initWithFrame:CGRectMake(0, 100, 320, 70)];
lb.text = @"闪动加载";
lb.textColor = [UIColor lightGrayColor];
lb.font = [UIFont boldSystemFontOfSize:40];
[self.view addSubview:lb];

CAGradientLayer *colorLayer = [CAGradientLayer layer];
colorLayer.frame = CGRectMake(0, 0, 320, 320);
colorLayer.position = self.view.center;
[self.view.layer addSublayer:colorLayer];

colorLayer.colors = @[(__bridge id)[UIColor lightGrayColor].CGColor,(__bridge id)[UIColor grayColor].CGColor,(__bridge id)[UIColor lightGrayColor].CGColor];
colorLayer.locations = @[@(- 0.2),@(- 0.1),@(0)];
colorLayer.startPoint = CGPointMake(0, 0.6);
colorLayer.endPoint = CGPointMake(1, 0.4);
colorLayer.mask = lb.layer;

[NSTimer scheduledTimerWithTimeInterval:1.5 repeats:YES block:^(NSTimer * _Nonnull timer) {
    CABasicAnimation *fadeA = [CABasicAnimation animationWithKeyPath:@"locations"];
    fadeA.fromValue = @[@(-0.2), @(-0.1),@(0)] ;
    fadeA.toValue = @[@(1.0),@(1.1),@(1.2)] ;
    fadeA.duration = 2 ;
    [colorLayer addAnimation:fadeA forKey:nil ];
}];

这里使用的文字,需求是图片的话,可以直接用UIImageView替换

好了,以上就是这个动画的全部了,喜欢的同学点个赞吧😊~

相关文章

  • iOS开发中常用的动画(今日头条闪动加载)

    今日头条的加载页面有这么一个动画 我觉得效果不错,可以借鉴到APP中。不过网上没有现成的demo,就自己实现了一个...

  • iOS开发中常用的动画(今日头条闪动加载)

    今日头条的加载页面有这么一个动画 效果不错,可以借鉴到APP中。不过网上没有现成OC的demo,就自己实现了一个,...

  • (iOS)带你写一个类似MJRefresh的上下拉刷新控件

    在iOS开发中, 上下拉加载的刷新动画大多数的APP都会采用基本相似的样式和动画, 当然还是有很多优秀的加载动画,...

  • iOS开发之懒加载

    iOS开发之懒加载 在iOS开发中几乎经常用到懒加载技术,比如我们存放网络数据的数组,控制器的view,控件的自定...

  • WKWebView入坑指南

    前言 开发 App 的过程中,常常会遇到在 App 内部加载网页,通常用 UIWebView 加载。iOS 8.0...

  • 骨架屏加载

    前言 在Android开发过程中,我们不免会用到数据加载过渡动画,最常用的就是“菊花”加载,或者其他的一些动画lo...

  • iOS 简约加载动画详解

    iOS 简约加载动画详解 iOS 简约加载动画详解

  • iOS 动画总结

    iOS 动画 Git代码地址 在iOS实际开发中常用的动画总结下来包含3种: UIViewAnimation动画C...

  • iOS动画分析

    前言:在App程序开发中,优美的界面交互能够大大提高用户体验。 在iOS实际开发中常用的动画: UIView动画:...

  • 使用WKWebView替换UIWebView

    开发App的过程中,常常会遇到在App内部加载网页,通常用UIWebView加载。这个自iOS2开始使用的网页加载...

网友评论

    本文标题:iOS开发中常用的动画(今日头条闪动加载)

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