這篇文章給大家介紹怎么在iOS中實(shí)現(xiàn)一個(gè)加載等待動(dòng)畫(huà)，內(nèi)容非常詳細(xì)，感興趣的小伙伴們可以參考借鑒，希望對(duì)大家能有所幫助。

1.這個(gè)肯定是要自定義的View類，起名為XDColorCircle吧，最后用的時(shí)候達(dá)到這樣的效果

//創(chuàng)建XDColorCircle的實(shí)例化對(duì)象
 XDColorCircle *circle=[[XDColorCircle alloc]initWithFrame:CGRectMake(0 ,100,self.view.frame.size.width,200)];
//添加到視圖上展示
 [self.view addSubview:circle];

2.然后就是在XDColorCircle里面代碼思路

1. 需要先有一個(gè)漸變的圖層(漸變由白到靛)且圖層需只顯示一個(gè)圓圈形狀

2. 漸變圖層用CAGradientLayer這個(gè)類繪制

3. 為這個(gè)CAGradientLayer的mask賦值一個(gè)圓圈的圖層讓它只展示一個(gè)圓圈CAShapeLayer

4. 為CAGradientLayer圖層添加基礎(chǔ)動(dòng)畫(huà)就用CABasicAnimation來(lái)實(shí)現(xiàn)圖層的旋轉(zhuǎn)

5. 中間需要一個(gè)大Label但肯定這個(gè)Label不能繪制在這個(gè)CAGradientLayer所在的圖層之上了，因這個(gè)圖層設(shè)置mask了 怎么繪制都顯示個(gè)圈 ╮(￣▽￣"")╭

6. 所以最后確定了圈圈應(yīng)該在另創(chuàng)建一個(gè)View上繪制然后與中間的Label一同做為XDColorCircle的子視圖

3.思路捋順代碼就很方便

//先都寫(xiě)在這個(gè)構(gòu)造方法里面吧
- (instancetype)initWithFrame:(CGRect)frame
{
  self = [super initWithFrame:frame];
  if (self) {
  }
  return self;
}

創(chuàng)建圈圈所在的View

self.backgroundColor=[UIColor clearColor];
    UIView *circleView=[[UIView alloc]init];
    circleView.frame=CGRectMake(0, 0,frame.size.width,frame.size.height);
    circleView.backgroundColor=[UIColor blueColor];
    [self addSubview: circleView];

創(chuàng)建漸變圖層并添加到圈圈視圖

CAGradientLayer * gradientLayer = [CAGradientLayer layer];
    gradientLayer.colors = @[(__bridge id)[UIColor whiteColor].CGColor,(__bridge id)[UIColor cyanColor].CGColor];
    gradientLayer.locations = @[@0.2,@1.0];
    gradientLayer.startPoint = CGPointMake(0, 0);
    gradientLayer.endPoint = CGPointMake(1.0, 0);
    gradientLayer.frame =CGRectMake(0, 0, self.frame.size.width, self.frame.size.height);
    [circleView.layer insertSublayer:_gradientLayer atIndex:0];

添加mask屬性只讓圖層只顯示一個(gè)圈圈

CAShapeLayer *layer=[[CAShapeLayer alloc]init];
    CGMutablePathRef pathRef=CGPathCreateMutable();
    CGPathAddRelativeArc(pathRef, nil,frame.size.width/2.0,frame.size.height/2.0,frame.size.width
讓圈圈轉(zhuǎn)起來(lái)添加動(dòng)畫(huà)
CABasicAnimation *animation=[CABasicAnimation     animationWithKeyPath:@"transform.rotation.z"]; ;
    // 設(shè)定動(dòng)畫(huà)選項(xiàng)
    animation.duration = 1;
    animation.removedOnCompletion = NO;
    animation.fillMode = kCAFillModeForwards;
    animation.repeatCount =HUGE_VALF;
    // 設(shè)定旋轉(zhuǎn)角度
    animation.fromValue = [NSNumber numberWithFloat:0.0]; // 起始角度
    animation.toValue = [NSNumber numberWithFloat:2 * M_PI]; // 終止角度
    [circleView.layer addAnimation:animation forKey:@"rotate-layer"];
添加中間的大文字Label
UILabel *label=[[UILabel alloc]init];
    label.text=@"測(cè)試中";
    label.font=[UIFont systemFontOfSize:32];
    label.textAlignment=NSTextAlignmentCenter;
    label.frame=CGRectMake(0, 0,frame.size.width,frame.size.height);
    label.backgroundColor=[UIColor clearColor];
    [self addSubview:label];
4.然后在controller里面使用
//創(chuàng)建XDColorCircle的實(shí)例化對(duì)象
 XDColorCircle *circle=[[XDColorCircle alloc]initWithFrame:CGRectMake(0 ,100,self.view.frame.size.width,200)];
//添加到視圖上展示
 [self.view addSubview:circle];
關(guān)于怎么在iOS中實(shí)現(xiàn)一個(gè)加載等待動(dòng)畫(huà)就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到。
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)建站www.cdcxhl.com，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。
            

            當(dāng)前文章：怎么在iOS中實(shí)現(xiàn)一個(gè)加載等待動(dòng)畫(huà)-創(chuàng)新互聯(lián)            

            當(dāng)前鏈接：http://weahome.cn/article/igepp.html