ios draw circle with animation

來源:互聯網
上載者:User

標籤:style   http   color   width   os   art   

http://stackoverflow.com/questions/7991086/iphone-core-animation-drawing-a-circle

// Set up the shape of the circleint radius = 100;CAShapeLayer *circle = [CAShapeLayer layer];// Make a circular shapecircle.path = [UIBezierPath bezierPathWithRoundedRect:CGRectMake(0, 0, 2.0*radius, 2.0*radius)                                          cornerRadius:radius].CGPath;// Center the shape in self.viewcircle.position = CGPointMake(CGRectGetMidX(self.view.frame)-radius,                               CGRectGetMidY(self.view.frame)-radius);// Configure the apperence of the circlecircle.fillColor = [UIColor clearColor].CGColor;circle.strokeColor = [UIColor blackColor].CGColor;circle.lineWidth = 5;// Add to parent layer[self.view.layer addSublayer:circle];// Configure animationCABasicAnimation *drawAnimation = [CABasicAnimation animationWithKeyPath:@"strokeEnd"];drawAnimation.duration            = 10.0; // "animate over 10 seconds or so.."drawAnimation.repeatCount         = 1.0;  // Animate only once..// Animate from no part of the stroke being drawn to the entire stroke being drawndrawAnimation.fromValue = [NSNumber numberWithFloat:0.0f];drawAnimation.toValue   = [NSNumber numberWithFloat:1.0f];// Experiment with timing to get the appearence to look the way you wantdrawAnimation.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseIn];// Add the animation to the circle[circle addAnimation:drawAnimation forKey:@"drawCircleAnimation"];


http://stackoverflow.com/questions/21872610/animate-a-cashapelayer-to-draw-a-progress-circle

[UIBezierPath bezierPathWithArcCenter:arcCenter                                                         radius:radius                                                     startAngle:M_PI                                                       endAngle:-M_PI                                                      clockwise:YES];
實作類別似qq載入效果

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.