iPhone에서 몇 줄과 원을 그릴 때 CGContextStrokePath 성능이 좋지 않습니다.

Question

내보기에 몇백 개의 선과 원을 그려야하며 뷰를 업데이트하기 위해 [myView setNeedsDisplay]라고하는 타이머 함수를 계속 움직입니다.

나는 UIView의에서 (MYVIEW) 서브 클래스 화해, 다음을 수행의 drawRect 함수를 구현 ...

-(void) drawRect:(CGRect)rect { 
    CGContextRef context = UIGraphicsGetCurrentContext(); 

    CGFloat red[4] = { 1, 0, 0, 1}; 

    CGContextSetLineWidth(context, 1); 
    CGContextSetShouldAntialias(context, NO); 
    CGContextSetLineCap(context, kCGLineCapSquare); 
    CGContextSetStrokeColor(context, red); 

    // rects is an array of CGRect of size ~200 
    for (int i = 0; i < N; i++) { 
     CGContextAddEllipseInRect(context, rects[i]); 
    } 
    // points is an array of CGPoint of size ~100 
    CGContextAddLines(context, points, N); 

    CGContextStrokePath(context, color); 
} 

을하지만이 개 느립니다. 내가 여기서 누락 된 것이 있습니까? 하나의 완전한 그림을 그리는 데 거의 1 초가 걸립니다.

Answer 1

끊임없이 다시 그려서 개체를 움직이는 것은 좋지 않은 방법입니다. 쿼츠 그리기는 디스플레이 시스템이 작동하는 방식 때문에 UI 방식으로 할 수있는 가장 느린 작업 중 하나입니다.

대신 애니메이션을 적용 할 각 요소에 대해 개별 레이어 또는보기를 만드는 것이 좋습니다. 이러한 레이어 또는 뷰는 한 번만 그려지고 캐시됩니다. 레이어가 이동하면 다시 합성되지 않고 합성됩니다. 이렇게하면 가장 느린 iOS 장치 (원래 iPhone, iPhone 3G 및 1 세대 iPod touch)도 초당 60 프레임으로 최대 100 개의 레이어에 애니메이션을 적용 할 수 있습니다.

만화를 움직이는 것처럼 생각하십시오. 애니메이터는 모든 프레임의 모든 부분을 손으로 다시 그리게하지 않고 셀을 사용하여 프레임을 유지하거나 변형하지 않고 프레임간에 요소를 재사용합니다. 이것은 만화 제작의 노력을 현저하게 감소시킵니다.