Swift+UIKit实现图片编辑App：滤镜选择与应用

创作时间:

作者:

@小白创作中心

Swift+UIKit实现图片编辑App：滤镜选择与应用

引用

CSDN

等

来源

https://m.blog.csdn.net/weixin_26735419/article/details/108496869

https://m.blog.csdn.net/potato512/article/details/52984667

https://blog.csdn.net/qq_30185503/article/details/105147057

https://www.jianshu.com/p/5bbc6d08ef62

https://www.jianshu.com/p/261ea186b6f8

https://m.blog.csdn.net/weixin_34055910/article/details/94469481

https://blog.csdn.net/offbye/article/details/50888869

https://developer.apple.com/documentation/coreimage/processing_an_image_using_built-in_filters

https://developer.apple.com/cn/videos/play/wwdc2022/10072/?time=1015

10.

https://www.cnblogs.com/jimcheng/p/4166942.html

让我按照规划逐步实现这个图片编辑App的功能。以下是具体的代码实现：

首先创建一个单视图应用程序，并在ViewController中搭建基本界面结构：

import UIKit
import CoreImage

class ViewController: UIViewController {
    
    let mainImageView = UIImageView()
    let scrollView = UIScrollView()
    var filterImageViews = [UIImageView]()
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        setupUI()
        setupScrollView()
        applyFilters()
    }
    
    func setupUI() {
        mainImageView.frame = CGRect(x: 0, y: 100, width: view.frame.width, height: view.frame.width)
        mainImageView.contentMode = .scaleAspectFit
        mainImageView.image = UIImage(named: "sample")
        view.addSubview(mainImageView)
        
        scrollView.frame = CGRect(x: 0, y: mainImageView.frame.maxY + 20, width: view.frame.width, height: 100)
        scrollView.isPagingEnabled = true
        scrollView.showsHorizontalScrollIndicator = false
        view.addSubview(scrollView)
    }
    
    func setupScrollView() {
        let filterNames = ["CISepiaTone", "CIColorInvert", "CIGaussianBlur", "CIPhotoEffectNoir"]
        let filterWidth = scrollView.frame.width / CGFloat(filterNames.count)
        
        for (index, filterName) in filterNames.enumerated() {
            let imageView = UIImageView(frame: CGRect(x: CGFloat(index) * filterWidth, y: 0, width: filterWidth, height: scrollView.frame.height))
            imageView.contentMode = .scaleAspectFit
            scrollView.addSubview(imageView)
            filterImageViews.append(imageView)
            
            let tapGesture = UITapGestureRecognizer(target: self, action: #selector(filterTapped(_:)))
            imageView.addGestureRecognizer(tapGesture)
            imageView.isUserInteractionEnabled = true
        }
        
        scrollView.contentSize = CGSize(width: filterWidth * CGFloat(filterNames.count), height: scrollView.frame.height)
    }
    
    func applyFilters() {
        guard let image = mainImageView.image else { return }
        
        for (index, filterName) in ["CISepiaTone", "CIColorInvert", "CIGaussianBlur", "CIPhotoEffectNoir"].enumerated() {
            if let filter = CIFilter(name: filterName) {
                filter.setValue(CIImage(image: image), forKey: kCIInputImageKey)
                
                if let outputImage = filter.outputImage {
                    let context = CIContext()
                    if let cgImage = context.createCGImage(outputImage, from: outputImage.extent) {
                        let filteredImage = UIImage(cgImage: cgImage)
                        filterImageViews[index].image = filteredImage
                    }
                }
            }
        }
    }
    
    @objc func filterTapped(_ sender: UITapGestureRecognizer) {
        guard let imageView = sender.view as? UIImageView,
              let index = filterImageViews.firstIndex(of: imageView),
              let filterName = ["CISepiaTone", "CIColorInvert", "CIGaussianBlur", "CIPhotoEffectNoir"][safe: index] else { return }
        
        if let filter = CIFilter(name: filterName) {
            filter.setValue(CIImage(image: mainImageView.image!), forKey: kCIInputImageKey)
            
            if let outputImage = filter.outputImage {
                let context = CIContext()
                if let cgImage = context.createCGImage(outputImage, from: outputImage.extent) {
                    let filteredImage = UIImage(cgImage: cgImage)
                    mainImageView.image = filteredImage
                }
            }
        }
    }
}