UIView（iPhone）で段階的に描画する

Question

私が今まで理解していた限り、drawRect：にUIViewの何かを描画するたびに、全体のコンテキストが消去されてから再描画されます。

は、だから私は一連のドットを描画するために、このような何かをする必要があります：

方法A：意味すべての呼び出し

- (void)drawRect:(CGRect)rect { 

    CGContextRef context = UIGraphicsGetCurrentContext(); 

    CGContextDrawImage(context, self.bounds, maskRef);  //draw the mask 
    CGContextClipToMask(context, self.bounds, maskRef);  //respect alpha mask 
    CGContextSetBlendMode(context, kCGBlendModeColorBurn); //set blending mode 

    for (Drop *drop in myPoints) { 
     CGContextAddEllipseInRect(context, CGRectMake(drop.point.x - drop.size/2, drop.point.y - drop.size/2, drop.size, drop.size)); 
    } 

    CGContextSetRGBFillColor(context, 0.5, 0.0, 0.0, 0.8); 
    CGContextFillPath(context); 
} 

上のすべてを描く、私はすべての私のドットを格納する必要が（それは問題ありません）、新しいものを追加するたびに、それらを1つ1つずつ再描画します。残念ながら、これは私のひどいパフォーマンスをもたらし、もっと効率的にこれを行う他の方法があると確信しています。

編集：MrMageのコードを使用して、私は残念ながら遅くて色の混合がうまくいかず、次のことを行いました。私が試すことができる他の方法は？

方法B：保存前のはUIImageに描くだけ

- (void)drawRect:(CGRect)rect 
{ 
    //draw on top of the previous stuff 
    UIGraphicsBeginImageContext(self.frame.size); 
    CGContextRef ctx = UIGraphicsGetCurrentContext(); // ctx is now the image's context 
    [cachedImage drawAtPoint:CGPointZero]; 
    if ([myPoints count] > 0) 
    { 
     Drop *drop = [myPoints objectAtIndex:[myPoints count]-1]; 
     CGContextClipToMask(ctx, self.bounds, maskRef);   //respect alpha mask 
     CGContextAddEllipseInRect(ctx, CGRectMake(drop.point.x - drop.dropSize/2, drop.point.y - drop.dropSize/2, drop.dropSize, drop.dropSize)); 
     CGContextSetRGBFillColor(ctx, 0.5, 0.0, 0.0, 1.0); 
     CGContextFillPath(ctx); 
    } 
    [cachedImage release]; 
    cachedImage = [UIGraphicsGetImageFromCurrentImageContext() retain]; 
    UIGraphicsEndImageContext(); 

    //draw on the current context 
    CGContextRef context = UIGraphicsGetCurrentContext(); 
    CGContextDrawImage(context, self.bounds, maskRef);   //draw the mask 
    CGContextSetBlendMode(context, kCGBlendModeColorBurn);  //set blending mode 
    [cachedImage drawAtPoint:CGPointZero];      //draw the cached image 
} 

EDIT新しいものと、この画像を描画：私は方法の一つが、中にのみ再描画して以下に言及して結合されたすべての後 を新しいrect。結果は次のとおりです。 FAST METHOD：

- (void)addDotAt:(CGPoint)point 
{ 
    if ([myPoints count] < kMaxPoints) { 
     Drop *drop = [[[Drop alloc] init] autorelease]; 
     drop.point = point; 
     [myPoints addObject:drop]; 
     [self setNeedsDisplayInRect:CGRectMake(drop.point.x - drop.dropSize/2, drop.point.y - drop.dropSize/2, drop.dropSize, drop.dropSize)];  //redraw 
    } 
} 

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

    CGContextDrawImage(context, self.bounds, maskRef);            //draw the mask 
    CGContextClipToMask(context, self.bounds, maskRef);            //respect alpha mask 
    CGContextSetBlendMode(context, kCGBlendModeColorBurn);           //set blending mode 

    if ([myPoints count] > 0) 
    { 
     Drop *drop = [myPoints objectAtIndex:[myPoints count]-1]; 
     CGPathAddEllipseInRect (dotsPath, NULL, CGRectMake(drop.point.x - drop.dropSize/2, drop.point.y - drop.dropSize/2, drop.dropSize, drop.dropSize)); 
    } 
    CGContextAddPath(context, dotsPath); 

    CGContextSetRGBFillColor(context, 0.5, 0.0, 0.0, 1.0); 
    CGContextFillPath(context); 
} 

みんなありがとう！

Answer 1

あなたが唯一の実際のごく一部を変更する場合描画するたびにUIViewのコンテンツ（残りのコンテンツは一般的に同じままです）を使用することができます。 UIViewのすべてのコンテンツを一度に再描画するのではなく、の代わりに-[UIView setNeedsDisplayInRect:]を使用して、再描画が必要なビューの領域のみをマークすることができます。 view.clearsContextBeforeDrawing = YES;

もちろん、これはまた、drawRect:の実装がrectパラメータを尊重する必要があることを意味します。これは、完全なものの小さなサブセクションである必要がありますビューのrect（他の何かがrect全体を汚していない限り）、その部分だけを描画します。

Answer 2

描画する楕円はいくつですか？一般に、Core Graphicsは多くの楕円を素早く描画できるはずです。

ただし、（ただし、このソリューションは、よりパフォーマンスのであれば、私は知らない）画像に古い図面をキャッシュできます。

UIGraphicsBeginImageContext(self.frame.size); 
CGContextRef ctx = UIGraphicsGetCurrentContext(); // ctx is now the image's context 

[cachedImage drawAtPoint:CGPointZero]; 
// only plot new ellipses here... 

[cachedImage release]; 
cachedImage = [UIGraphicsGetImageFromCurrentImageContext() retain]; 
UIGraphicsEndImageContext(); 

CGContextRef context = UIGraphicsGetCurrentContext(); 

CGContextDrawImage(context, self.bounds, maskRef);   //draw the mask 
CGContextClipToMask(context, self.bounds, maskRef);   //respect alpha mask 
CGContextSetBlendMode(context, kCGBlendModeColorBurn);  //set blending mode 

[cachedImage drawAtPoint:CGPointZero]; 

Answer 3

CGPathをクラスのメンバーとして保存することができます。描画メソッドでは、ドットが変更されたときにパスを作成する必要がありますが、ビューが再描画されるたびにドットをインクリメンタルにするだけではなく、省略記号をパスに追加し続ける必要があります。 drawRectメソッドでは、私だけではなく、直接画面のCGBitmapContextに描画しようと、私が正しくあなたの問題を理解していれば、パスに

CGContextAddPath(context,dotsPath); 

-(CGMutablePathRef)createPath 
{ 
    CGMutablePathRef dotsPath = CGPathCreateMutable(); 

    for (Drop *drop in myPoints) { 
     CGPathAddEllipseInRect (dotsPath,NULL, 
      CGRectMake(drop.point.x - drop.size/2, drop.point.y - drop.size/2, drop.size, drop.size)); 
    } 

return dotsPath; 
} 

Answer 4

を追加する必要があります。次に、drawRectには、rectパラメータから必要な事前レンダリングされたビットマップの部分だけを描画します。

Answer 5

図面をイメージとしてキャッシュすることができれば、UIViewのCoreAnimationバッキングを利用できます。これは、Quartzを使用するよりもはるかに高速です。Quartzはソフトウェアでその描画を行います。

- (CGImageRef)cachedImage { 
    /// Draw to an image, return that 
} 
- (void)refreshCache { 
    myView.layer.contents = [self cachedImage]; 
} 
- (void)actionThatChangesWhatNeedsToBeDrawn { 
    [self refreshCache]; 
}