在图像view.image上绘制矩形不能正确缩放 - iOS

时间:2015-07-06 04:48:46

标签: ios objective-c uiview drawrect microsoft-cognitive

  1. 我从imageView.image(照片)开始。
  2. 我将imageView.image提交(POST)到远程服务(Microsoft face detection)进行处理。
  3. 远程服务为图像上每个检测到的面部返回CGRect的JSON。
  4. 我将JSON提供给我的UIView来绘制矩形。我使用{0, 0, imageView.image.size.width, imageView.image.size.height}的框架启动我的UIView。 < - 我的想法,一个相当于imageView.image
  5. 大小的框架
  6. 将我的UIView添加为self.imageViewself.view(同时尝试过)的子视图
  7. 最终结果: 绘制了矩形但它们在imageView.image上无法正确显示。也就是说,为每个面生成的CGRect应该是相对于图像的坐标空间,如远程服务返回的,但是一旦我添加自定义视图,它们就会显示出来。

    我相信我可能会遇到某种缩放问题,如果我将CGRects / 2中的每个值除(作为测试),我可以得到一个近似但仍然关闭。 Microsoft软件文档指出检测到的面返回时带有矩形,指示图像在像素中的面部位置。然而,在描绘我的道路时,他们不是被视为分数吗?

    另外,我不应该使用相当于imageView.image框架的框架来启动我的视图,以便视图与提交的图像匹配相同的坐标空间?

    下面是一个屏幕截图示例,如果我尝试通过将每个CGRect除以2来缩小它们的样子。

    enter image description here

    我是iOS的新手,并且从书中脱离出来进行自我练习。我可以根据需要提供更多代码。提前感谢您的见解!

    编辑1

    我为每个矩形添加一个子视图,因为我通过以下方法迭代一个面部属性数组,其中包括每个面的矩形,在(void)viewDidAppear:(BOOL)animated

    期间调用
    - (void)buildFaceRects {
    
        // build an array of CGRect dicts off of JSON returned from analized image
        NSMutableArray *array = [self analizeImage:self.imageView.image];
    
        // enumerate over array using block - each obj in array represents one face
       [array enumerateObjectsUsingBlock:^(id obj, NSUInteger idx, BOOL *stop) {
    
           // build dictionary of rects and attributes for the face
           NSDictionary *json = [NSDictionary dictionaryWithObjectsAndKeys:obj[@"attributes"], @"attributes", obj[@"faceId"], @"faceId", obj[@"faceRectangle"], @"faceRectangle", nil];
    
           // initiate face model object with dictionary
           ZGCFace *face = [[ZGCFace alloc] initWithJSON:json];
    
           NSLog(@"%@", face.faceId);
           NSLog(@"%d", face.age);
           NSLog(@"%@", face.gender);
           NSLog(@"%f", face.faceRect.origin.x);
           NSLog(@"%f", face.faceRect.origin.y);
           NSLog(@"%f", face.faceRect.size.height);
           NSLog(@"%f", face.faceRect.size.width);
    
           // define frame for subview containing face rectangle
           CGRect imageRect = CGRectMake(0, 0, self.imageView.image.size.width, self.imageView.image.size.height);
    
           // initiate rectange subview with face info
           ZGCFaceRectView *faceRect = [[ZGCFaceRectView alloc] initWithFace:face frame:imageRect];
    
           // add view as subview of imageview (?)
           [self.imageView addSubview:faceRect];
    
       }];
    
    }
    

    编辑2:

        /* Image info */
        UIImageView *iv = self.imageView;
        UIImage *img = iv.image;
        CGImageRef CGimg = img.CGImage;
    
        // Bitmap dimensions [pixels]
        NSUInteger imgWidth = CGImageGetWidth(CGimg);
        NSUInteger imgHeight = CGImageGetHeight(CGimg);
        NSLog(@"Image dimensions: %lux%lu", imgWidth, imgHeight);
    
        // Image size pixels (size * scale)
        CGSize imgSizeInPixels = CGSizeMake(img.size.width * img.scale, img.size.height * img.scale);
        NSLog(@"image size in Pixels: %fx%f", imgSizeInPixels.width, imgSizeInPixels.height);
    
        // Image size points
        CGSize imgSizeInPoints = img.size;
        NSLog(@"image size in Points: %fx%f", imgSizeInPoints.width, imgSizeInPoints.height);
    
    
    
           // Calculate Image frame (within imgview) with a contentMode of UIViewContentModeScaleAspectFit
           CGFloat imgScale = fminf(CGRectGetWidth(iv.bounds)/imgSizeInPoints.width, CGRectGetHeight(iv.bounds)/imgSizeInPoints.height);
           CGSize scaledImgSize = CGSizeMake(imgSizeInPoints.width * imgScale, imgSizeInPoints.height * imgScale);
           CGRect imgFrame = CGRectMake(roundf(0.5f*(CGRectGetWidth(iv.bounds)-scaledImgSize.width)), roundf(0.5f*(CGRectGetHeight(iv.bounds)-scaledImgSize.height)), roundf(scaledImgSize.width), roundf(scaledImgSize.height));
    
    
           // initiate rectange subview with face info
           ZGCFaceRectView *faceRect = [[ZGCFaceRectView alloc] initWithFace:face frame:imgFrame];
    
           // add view as subview of image view
           [iv addSubview:faceRect];
    
       }];
    

1 个答案:

答案 0 :(得分:1)

我们遇到了几个问题:

  1. Microsoft返回像素,iOS使用点数。它们之间的区别仅在于屏幕尺寸。例如在iPhone 5:1 pt = 2 px和3GS 1px = 1 pt。查看iOS文档以获取更多信息。

  2. UIImageView的框架不是图像框架。当微软返回一个面部框架时,它会在图像的框架中返回它,而不是在UIImageView的框架中。所以我们遇到了坐标系统的问题。

  3. 如果您使用Autolayout,请注意时间。调用ViewDidLoad:时,由约束设置的视图框架与在屏幕上看到它时不同。

  4. 解决方案:

    我只是一个只读的Objective C开发人员,所以我不能给你代码。我可以在斯威夫特,但没有必要。

    1. 将像素转换为点。这很简单:使用率。

    2. 使用您所做的操作定义脸部的框架。然后,您必须将您从图像框坐标系统确定的坐标移动到UIImageView坐标系。那不容易。它取决于您的UIImageView的contentMode。但我很快就能在互联网上找到有关它的信息。

    3. 如果使用AutoLayout,请在AutoLayout完成时添加面部框架以计算布局。所以当调用ViewDidLayoutSubview:时。 或者,更好的是,使用约束在UIImageView中设置框架。

    4. 我希望足够清楚。

      一些链接:

      1. iOS Drawing Concepts

      2. Displayed Image Frame In UIImageView