8

我正在开发一个小型绘图应用程序,它具有支持放大/缩小的基本要求。我有两个主要问题:

  1. 缩放/转换视图时,绘图看起来不清晰。有没有更好的方法,或者有没有办法在缩放视图时改进绘图?

  2. 在 1200 x 1200 pts 画布(在 iPhone 上)上绘图时,绘图性能很慢。我有机会改进它以适应大画布尺寸吗?

缩放代码:

- (void)scale:(UIPinchGestureRecognizer *)gestureRecognizer {
    [self adjustAnchorPointForGestureRecognizer:gestureRecognizer];

    UIView *canvas = [gestureRecognizer view];

    if ([gestureRecognizer state] == UIGestureRecognizerStateBegan ||
        [gestureRecognizer state] == UIGestureRecognizerStateChanged) {

        // Calculate the drawing view's size
        CGSize drawingViewSize = ...;

        // Calculate the minimum allowed tranform size
        // Developer's Note: I actually wanted to use the size 1/4th of the view
        // but self.view.frame.size doesn't return the correct (actual) width and height
        // It returns these values inverted i.e. width as height, and vice verse.
        // The reason is that the view appears to be transformed (90 degrees).
        // Since there's no work-around this, so for now, I'm just using fixed values.
        CGSize minTranformSize = CGSizeMake(100.0f, 100.0f);

        if ((minTranformSize.width > drawingViewSize.width) && (minTranformSize.height > drawingViewSize.height)) {
            minTranformSize = drawingViewSize;
        }

        // Transform the view, provided
        // 1. It won't scale more than the original size of the background image
        // 2. It won't scale less than the minimum possible transform
        CGSize transformedSize = CGSizeMake(canvas.frame.size.width * [gestureRecognizer scale],
                                            canvas.frame.size.height * [gestureRecognizer scale]);

        if ((transformedSize.width <= drawingViewSize.width) && (transformedSize.height <= drawingViewSize.height) &&
            (transformedSize.width >= minTranformSize.width) && (transformedSize.height >= minTranformSize.height)) {

            canvas.transform = CGAffineTransformScale([canvas transform],
                                                      [gestureRecognizer scale],
                                                      [gestureRecognizer scale]);
        }

        [gestureRecognizer setScale:1.0];

    } else if ([gestureRecognizer state] == UIGestureRecognizerStateEnded) {

        // Recenter the container view, if required (piece is smaller than the view and it's not aligned)
        CGSize viewSize = self.view.bounds.size;

        if ((canvas.frame.size.width < viewSize.width) ||
            (canvas.frame.size.height < viewSize.height)) {

            canvas.center = CGPointMake(viewSize.width/2, viewSize.height/2);
        }

        // Adjust the x/y coordinates, if required (piece is larger than the view and it's moving outwards from the view)
        if (((canvas.frame.origin.x > 0) || (canvas.frame.origin.y > 0)) &&
            ((canvas.frame.size.width >= viewSize.width) && (canvas.frame.size.height >= viewSize.height))) {

            canvas.frame = CGRectMake(0.0,
                                      0.0,
                                      canvas.frame.size.width,
                                      canvas.frame.size.height);
        }

        canvas.frame = CGRectIntegral(canvas.frame);
    }
}

绘图代码

- (void)draw {
    CGContextRef context = UIGraphicsGetCurrentContext();
    CGContextSaveGState(context);

    if (self.fillColor) {
        [self.fillColor setFill];
        [self.path fill];
    }

    if ([self.strokeColor isEqual:[UIColor clearColor]]) {
        [self.path strokeWithBlendMode:kCGBlendModeClear alpha:1.0];

    } else if (self.strokeColor) {
        [self.strokeColor setStroke];
        [self.path stroke];
    }

    CGContextRestoreGState(context);
}
4

2 回答 2

6

这是一个非常复杂的问题,我一直在努力解决。

我最终将图纸转换为矢量。

  1. 在一层中绘制所有线条,在另一层中绘制所有填充。
  2. 使用 potrace ( http://potrace.sourceforge.net/ ) 将线条图转换为矢量
  3. 使用 SVGKit ( https://github.com/SVGKit/SVGKit ) 绘制矢量并隐藏在 1) 中绘制的图层

它工作得很好而且相当快,但它需要做很多工作。我们公司有一个应用这种技术的应用程序:

https://itunes.apple.com/us/app/ideal-paint-hd-mormor/id569450492?mt=8

如果您唯一的问题是性能,请尝试查看CATiledLayer. (也用于上述应用程序)。它将极大地提高性能(你可以在这里找到一个很好的教程http://www.cimgf.com/2011/03/01/subduing-catiledlayer/)。

祝你好运!:)

于 2013-08-19T19:40:05.727 回答
-1

首先,您正在转换视图,这不是更好的缩放方式。转换可能仅用于增加或减小 UIVew 的大小。对于缩放,您可以这样做。

1)使用此代码获取屏幕图片

UIGraphicsBeginImageContext(self.drawingView.bounds.size);
CGContextRef context = UIGraphicsGetCurrentContext();
//[self.view.layer renderInContext:context];
[self.layerContainerView.layer renderInContext:context];
UIImage *screenShot = UIGraphicsGetImageFromCurrentImageContext();
[scaleLabel setHidden:FALSE];
return screenShot;

2)然后把它放在一些 UIImageView 上,然后在这个 Image 上执行 Zomming

 scrollView.userInteractionEnabled=TRUE;
self.scrollView.minimumZoomScale = 1.000;
self.scrollView.maximumZoomScale = 30.0f;
[self centerScrollViewContents];
CGFloat newZoomScale = self.scrollView.zoomScale / 1.5f;
newZoomScale = MAX(newZoomScale, self.scrollView.minimumZoomScale);
[self.scrollView setZoomScale:newZoomScale animated:YES];

3)然后再次在uiView的背景上设置缩放图像

这对我来说很完美希望这也对你有用

于 2013-08-21T06:37:04.940 回答