我有两个 ImageView ，一个有图像，另一个有用 CGContext 方法定义的图像，两者具有相同的图像大小和 ImageView 大小，彼此重叠。在 Storyboard 中，我可以将两个 ImageView 都设置为“Aspect Fit”，这样不同设备上的用户仍然可以看到图像。但是，当我在覆盖的第二个 ImageView 上绘制某些东西时，它不会相应地缩放它(或相对于第一个 ImageView ，即使它们的大小相同)。如何使叠加 ImageView 中的第二张图像与下图的比例相同？

示例代码:

import CoreGraphics
import UIKit

class Map: UIViewController, UIScrollViewDelegate {
    @IBOutlet weak var scrollView: UIScrollView!
    @IBOutlet weak var imageView: UIImageView!
    @IBOutlet weak var drawnImageView: UIImageView!

    override func viewDidLoad() {
        super.viewDidLoad()

        self.scrollView.minimumZoomScale = 1.0
        self.scrollView.maximumZoomScale = 6.0

        let data = grabData()
        print(data!)

        var img = UIImage(named: "floor1")
        print(img!.size)
        imageView.image = img

        img = draw(imageView.bounds.size, data: data!)
        print(img!.size)
        drawnImageView.image = img
        for c in drawnImageView.constraints {
            if c.identifier == "constraintImageHeight" {
                c.constant = img!.size.height * drawnImageView.bounds.width / img!.size.width;
                break;
            }
        }
    }
}

func draw(img: UIImage) -> UIImage {
    UIGraphicsBeginImageContext(img.size)
    let context = UIGraphicsGetCurrentContext()

    // Drawing
    let color = UIColor(red: 0.67, green: 0.4, blue: 0.56, alpha: 1)
    CGContextSetStrokeColorWithColor(context, color.CGColor)
    CGContextSetLineWidth(context, 2.0)

    var y = 0
    for _ in 0..<100 {
        let b = CGRect(origin: CGPoint(x: 0, y: y), size: CGSize(width: 1200, height: 1))
        CGContextStrokeRect(context, b)
        y += 30
    }

    let newImage = UIGraphicsGetImageFromCurrentImageContext()
    UIGraphicsEndImageContext()
    return newImage
}

更新 1:
(在'//绘图'之后替换) 如果您使用 iPhone 5 模拟器加载，它不会像在 iPhone 6 模拟器中那样显示在与照片相关的相同位置。

func draw(size: CGSize, data: [TotalLine]) -> UIImage {
    UIGraphicsBeginImageContext(size)
    let context = UIGraphicsGetCurrentContext()
    let screen: CGRect = UIScreen.mainScreen().bounds
    let x = screen.size.width, y = screen.size.height

    // Drawing
    //let color = UIColor(red: 0.67, green: 0.4, blue: 0.56, alpha: 1)
    let color = UIColor.redColor()
    CGContextSetStrokeColorWithColor(context, color.CGColor)
    CGContextSetLineWidth(context, 2.0)

    let line = CGRect(origin: CGPoint(x: (x/16), y: (y*0.502)), size: CGSize(width: (x/20), height: 2))
    CGContextStrokeRect(context, line)
    let test = CGRect(origin: CGPoint(x: 0, y: 0), size: CGSize(width: x, height: y))
    CGContextStrokeRect(context, test)

    let newImage = UIGraphicsGetImageFromCurrentImageContext()
    UIGraphicsEndImageContext()
    return newImage
}

更新 2:
iPhone 6:

iPhone 5:

我想让那条红线出现在房间之间，就像 iPhone 6 屏幕截图中那样。在 iPhone 5 中，它略低。

更新 3:
打印 ImageView :
iPhone 5:

Drawn Image View: frame = (0 0; 600 536); Image View: frame = (0 0; 600 536);

iPhone 6:

Drawn Image View: frame = (0 0; 600 536); Image View: frame = (0 0; 600 536);

最佳答案

尝试替换这一行:

UIGraphicsBeginImageContext(img.size)

用这个:

UIGraphicsBeginImageContextWithOptions(img.size, false, UIScreen.main.scale)

不清楚为什么要使用 100 和 1200 硬编码值。如果您的原始图像足够大(大于 3000 或大于 1200)，您的线条将不会填满整个图像。此外，您实际上并不需要原始图像来创建叠加层。你只需要知道尺寸，对吧？试试这个方法:

func createLinesImage(size: CGSize) -> UIImage {
    UIGraphicsBeginImageContextWithOptions(size, false, UIScreen.main.scale)
    let context = UIGraphicsGetCurrentContext()!

    let color = UIColor(red: 0.67, green: 0.4, blue: 0.56, alpha: 1)
    context.setStrokeColor(color.cgColor)
    context.setLineWidth(2.0)

    var y = CGFloat(0)
    while y < size.height {
        let lineRect = CGRect(x: 0, y: y, width: size.width, height: 1)
        context.stroke(lineRect)
        y += 30
    }

    let newImage = UIGraphicsGetImageFromCurrentImageContext()
    UIGraphicsEndImageContext()
    return newImage!
}

现在，如果您只想在原始图像上绘制线条，请像这样调用您的方法:

imageView2.image = createLinesImage(size: originalImage.size)

如果您需要用线条填充整个 imageView，即使原始图像有空白区域，也可以使用此行:

imageView2.image = createLinesImage(size: imageView2.bounds.size)

关于ios - Swift CGContext 切面匹配，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/39987654/