滤镜透视校正，照片朝向的选择区域相关处理：直观易懂的实用指南

2024-01-11 00:00:28

前言

在上一篇文章中，我们探讨了照片选择区域功能的另一种实现方法，包括添加动画效果和其他元素。在本篇文章中，我们将继续探讨选择区域相关的处理，重点关注旋转、选择区域以及对选择的区域进行透视校正的滤镜处理。为了简化问题，我们将项目设置为仅在iPhone竖屏运行时在iPad上显示。

一、选择区域的旋转

选择区域的旋转功能允许您调整选择区域的角度。这在您需要校正照片中的倾斜线条或对齐特定元素时非常有用。

1. 旋转选择区域的步骤：

打开要编辑的照片。
选择“选择区域”工具。
用手指在照片上拖动以创建选择区域。
点击“旋转”按钮。
用手指旋转选择区域，直到达到所需的角度。
点击“完成”按钮以应用更改。

2. 旋转选择区域的示例代码：

import UIKit

class ViewController: UIViewController {

    @IBOutlet weak var imageView: UIImageView!
    @IBOutlet weak var rotationSlider: UISlider!

    override func viewDidLoad() {
        super.viewDidLoad()

        // Load the image into the image view.
        let image = UIImage(named: "image.jpg")
        imageView.image = image

        // Initialize the rotation slider.
        rotationSlider.minimumValue = -180
        rotationSlider.maximumValue = 180
        rotationSlider.value = 0

        // Add a target to the rotation slider to update the rotation of the selection rectangle.
        rotationSlider.addTarget(self, action: #selector(rotationSliderValueChanged(_:)), for: .valueChanged)
    }

    @objc func rotationSliderValueChanged(_ sender: UISlider) {
        // Get the current value of the rotation slider.
        let rotationAngle = sender.value

        // Rotate the selection rectangle.
        let selectionRect = imageView.selectionRect
        selectionRect.origin = CGPoint(x: selectionRect.origin.x + selectionRect.width / 2, y: selectionRect.origin.y + selectionRect.height / 2)
        selectionRect = selectionRect.applying(CGAffineTransform(rotationAngle: rotationAngle * CGFloat.pi / 180))
        selectionRect.origin = CGPoint(x: selectionRect.origin.x - selectionRect.width / 2, y: selectionRect.origin.y - selectionRect.height / 2)

        // Update the selection rectangle in the image view.
        imageView.selectionRect = selectionRect
    }
}

二、选择区域的透视校正滤镜

透视校正滤镜可以用来校正照片中的倾斜线条。这在您需要校正建筑物、道路或其他具有直线的物体时非常有用。

1. 使用透视校正滤镜的步骤：

打开要编辑的照片。
选择“滤镜”选项卡。
选择“透视校正”滤镜。
用手指在照片上拖动以创建选择区域。
选择“校正”按钮。
用手指调整选择区域的四个角，直到线条看起来是直的。
点击“完成”按钮以应用更改。

2. 使用透视校正滤镜的示例代码：

import UIKit

class ViewController: UIViewController {

    @IBOutlet weak var imageView: UIImageView!

    override func viewDidLoad() {
        super.viewDidLoad()

        // Load the image into the image view.
        let image = UIImage(named: "image.jpg")
        imageView.image = image

        // Add a button to the view to apply the perspective correction filter.
        let button = UIButton(frame: CGRect(x: 0, y: 0, width: 100, height: 50))
        button.center = CGPoint(x: view.frame.width / 2, y: view.frame.height - 100)
        button.setTitle("Apply Perspective Correction", for: .normal)
        button.addTarget(self, action: #selector(applyPerspectiveCorrection), for: .touchUpInside)
        view.addSubview(button)
    }

    @objc func applyPerspectiveCorrection() {
        // Get the current selection rectangle.
        let selectionRect = imageView.selectionRect

        // Create a perspective transform matrix.
        let perspectiveTransform = CGAffineTransform(translationX: -selectionRect.origin.x, y: -selectionRect.origin.y)
        perspectiveTransform = perspectiveTransform.scaledBy(x: 1 / selectionRect.width, y: 1 / selectionRect.height)
        perspectiveTransform = perspectiveTransform.rotated(by: -atan2(selectionRect.width, selectionRect.height))

        // Apply the perspective transform to the image.
        let transformedImage = imageView.image?.transformed(by: perspectiveTransform)

        // Update the image in the image view.
        imageView.image = transformedImage
    }
}