사용자 정의 원이 UIView의 라인과 결합되었습니다.

Question

제약 조건에 따라 획 및 채우기 색상이 동적으로 변경되는 과정 표시기 (진행 표시기 아님)를 그려야합니다. 요구되는 모양을 그리는 것은 정말로 어렵습니다. 어떤 지침이 좋을 것입니다.

어떻게 그럴 수 있습니까? UI는 진행보기와 비슷하지만 줄 사이에 원이 있어야합니다. 감사합니다

Answer 1

당신은 CAShapeLayers와 QuartzCore를 사용하여 이런 종류의 것을 그릴 수 있어야합니다.

CoreGraphics.framework를 라이브러리에 추가하십시오. 클래스 여기

#import <QuartzCore/QuartzCore.h> 

의 상단에

(이 당신을 위해 무엇을 찾고있는 가정)이 0-0-0과 같이 무언가의 예입니다. 당신이 할 수있는

// this will be a parent layer container 
CALayer *progressIndicator = [[CALayer alloc] init]; 

// the first bubble 
CAShapeLayer *bubble1 = [[CAShapeLayer alloc] init]; 
bubble1.fillColor = [UIColor lightGrayColor]; 
bubble1.strokeColor = [UIColor darkGrayColor]; 
bubble1.strokeWidth = 1; 
bubble1.path = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(0,0,50,50)].CGPath; 
[progressIndicator addSublayer:bubble1]; 

// the first connecting line 
CAShapeLayer *line1 = [[CAShapeLayer alloc] init]; 
line1.strokeColor = [UIColor darkGrayColor]; 
line1.strokeWidth = 2; 

UIBezierPath *linePath = [UIBezierPath bezierPath]; 
[linePath moveToPoint:CGPointMake(50, 25)]; 
[linePath addLineToPoint:CGPointMake(75, 25)]; 

line1.path = linePath.CGPath; 
[progressIndicator addSublayer:line1]; 

// ... And so on for the next 2 bubbles and 1 line. ...// 

// Add it to your view. 
[self.view.layer addSublayer:progressIndicator]; 

은 진행률 표시 줄 천천히 시간이 지남에 따라 작성의 영향을주고 (불투명도 등)뿐만 아니라 이러한 개체에 대부분의 속성을 애니메이션.