今日頭條的加載頁(yè)面有這么一個(gè)動(dòng)畫
image
效果不錯(cuò)唯卖,可以借鑒到APP中。不過(guò)網(wǎng)上沒(méi)有現(xiàn)成OC的demo秘豹,就自己實(shí)現(xiàn)了一個(gè)酱吝,
ok,直接上代碼。
UILabel *lb = [[UILabel alloc]initWithFrame:CGRectMake(0, 100, 320, 70)];
lb.text = @"閃動(dòng)加載";
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替換
好了,以上就是這個(gè)動(dòng)畫的全部了吓笙,喜歡的同學(xué)點(diǎn)個(gè)贊吧??~