drawRect의 성능 향상 :

Question

매 0.1 초마다 NSTimer가있는 그리드에서 셀을 그립니다. 크기는 약 96x64 => 6144 셀/이미지입니다. 녹색 직사각형 대신 이미지를 드로잉하는 경우 4 배 느립니다!

- (void)drawRect:(CGRect)rect 
{ 
    CGContextRef context = UIGraphicsGetCurrentContext(); 
    UIGraphicsPushContext(context); 
    CGContextSetRGBFillColor(context, 0, 0, 0, 1); 
    CGContextFillRect(context, CGRectMake(0, 0, self.bounds.size.width, self.bounds.size.height)); 
    int cellSize = self.bounds.size.width/WIDTH; 
    double xOffset = 0; 
    for (int i = 0; i < WIDTH;i++) 
    { 
     for (int j = 0; j < HEIGHT;j++) 
     {     
       NSNumber *currentCell = [self.state.board objectAtIndex:(i*HEIGHT)+j]; 
       if (currentCell.intValue == 1) 
       { 
        [image1 drawAtPoint:CGPointMake(xOffset + (cellSize * i),cellSize * j)]; 
       } 
       else if (currentCell.intValue == 0){ 
        [image2 drawAtPoint:CGPointMake(xOffset + (cellSize * i),cellSize * j)]; 
       } 
     } 
    } 
    UIGraphicsPopContext(); 
} 

각 사각형에 png 또는 jpg를 그리려면 어떻게하면 더 빨리 만들 수 있을까요? 이미지의 크기가 이미 적절한 크기로 조정되었습니다.

Answer 1

• a)보기의 경계 외부에있는 이미지/rect를 다시 그리지 마십시오.

• B)는 한 이미지는 이전 업데이트 이후하지 않은 변경이 /의 구형을 다시 그리기하지 마십시오 한 이미지는 dirtyRect

• C 외부 /의 구형을) 다시 그리기하지 마십시오.

• d) 레이어를 사용하여 이미지를 사전 렌더링하므로 그림을 그리는 데 을 렌더링 할 필요가 없습니다.

Answer 2

CGRectIntersects을 사용하여 이미지의 사각형이 dirtyRect 내부에 있는지 확인하고 그릴 필요가 있는지 확인하십시오.

Answer 3

성능 측면에서 코드를 개선하려고했습니다. 그러나 병목 현상에 대한 제 의견도 확인하십시오.

- (void)drawRect:(CGRect)rect { 
    CGContextRef context = UIGraphicsGetCurrentContext(); 
    //UIGraphicsPushContext(context); //not needed UIView does it anyway 

    //use [UIView backgroundColor] instead of this 
    //CGContextSetRGBFillColor(context, 0, 0, 0, 1); 
    //CGContextFillRect(context, CGRectMake(0, 0, self.bounds.size.width, self.bounds.size.height)); 

    int cellSize = self.bounds.size.width/WIDTH; 
    double xOffset = 0; 

    CGRect cellFrame = CGRectMake(0, 0, cellSize, cellSize); 
    NSUinteger cellIndex = 0; 

    for (int i = 0; i < WIDTH; i++) { 
     cellFrame.origin.x = xOffset; 

     for (int j = 0; j < HEIGHT; j++, cellIndex++) {     
      cellFrame.origin.y = 0; 

      if (CGRectIntersectsRect(rect, cellFrame) { 
       NSNumber *currentCell = [self.state.board objectAtIndex:cellIndex]; 

       if (currentCell.intValue == 1) { 
        [image1 drawInRect:cellFrame]; 
       } 
       else if (currentCell.intValue == 0) { 
        [image2 drawInRect:cellFrame]; 
       } 
      } 

      cellFrame.origin.y += cellSize; 
     } 

     cellFrame.origin.x += cellSize; 
    } 

    //UIGraphicsPopContext(context); //not needed UIView does it anyway 
} 

Answer 4

이 시나리오는 Instruments와 정확히 일치합니다. 그걸 써. 여기에 제안을하는 사람은 누구나 병목 현상이 무엇인지 추측 할 수 있습니다.

그렇다면 병목 현상이 무엇인지 추측 할 것입니다. CPU를 사용하여 6114 개의 이미지를 그리는 중입니다 (시간 프로파일 러를 사용하여 확인하십시오.) drawRect 메서드를 찾고 가장 많은 시간을 사용했는지 확인하십시오. drawInRect이면 문제가됩니다.

우리는 그 사용을 줄이려고합니까? 쉬운 우승은 우리가 그릴 필요가있는 이미지를 다시 그리는 것입니다. CALayers는 이것을 쉽게 만듭니다. drawRect 메서드를 제거하고 각 이미지의 뷰 레이어에 하위 레이어를 추가하고 이미지를 레이어의 내용 속성으로 설정합니다. 이미지를 변경해야 할 때 뷰를 무효화하는 대신 관련 레이어의 content 속성을 새 이미지로 전환하면됩니다.

CALayers의 또 다른 장점은 레이어 내용을 GPU에 캐시한다는 것입니다. 즉, 발생하는 다시 그리기가 CPU 시간을 덜 필요로하고 나머지 부분이 발생했을 때이를 차단하지 않을 것입니다.

많은 계층의 오버 헤드가 용납 될 수 없다면 (Instrument는 친구입니다) CAReplicatorLayer를 확인하십시오. 많은 CALayers를 사용하는 것보다 유연성이 떨어지지 만 최소한의 오버 헤드로 단일 이미지를 여러 번 복제 할 수 있습니다.