Блог

У меня есть два представления изображений, одно с изображением, другое с изображением, определенным с помощью методов CGContext, оба с одинаковым размером изображения и размером представления изображения друг над другом. В раскадровке я могу установить для обоих видов изображений значение «Подгонка по аспекту», чтобы пользователи на разных устройствах все еще могли видеть изображение. Однако, когда я иду рисовать что-то на наложенном втором представлении изображения, оно не масштабируется соответствующим образом (или относительно первого представления изображения, даже если они имеют одинаковый размер). Как мне добиться того, чтобы второе изображение в наложенном изображении отображалось в том же масштабе, что и изображение ниже?

Пример кода:

 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:
(заменить после ‘// Drawing’) Если вы загружаетесь с помощью симулятора 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:
Печать представлений изображений:
iPhone 5:

Просмотр нарисованного изображения: кадр = (0 0; 600 536); Просмотр изображения: кадр = (0 0; 600 536);

iPhone 6:

Просмотр нарисованного изображения: кадр = (0 0; 600 536); Просмотр изображения: кадр = (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)
  

Если вам нужно заполнить весь вид изображения линиями, даже если для исходного изображения есть пустые зоны, используйте эту строку:

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