Project 13 — Instafilter

Instafilter выбирает фотографию, применяет Core Image filter, регулирует параметры и сохраняет или отправляет результат. Здесь встречаются разные image types и imperative framework внутри декларативного SwiftUI.

Перед началом

Готовность к проекту

0%

0 из 5 рекомендуемых тем изучено. Проект всегда доступен — это не ограничение.

• ○День 2 — Простые типы данных, часть 2
• ○День 5 — Условия
• ○День 7 — Функции, часть 1
• ○День 12 — Классы
• ○День 14 — Optionals

Рабочий vertical slice

import SwiftUI
import PhotosUI
import CoreImage
import CoreImage.CIFilterBuiltins
import UIKit

struct ContentView: View {
    @State private var item: PhotosPickerItem?
    @State private var image: Image?
    @State private var errorMessage: String?

    var body: some View {
        NavigationStack {
            VStack(spacing: 20) {
                PhotosPicker(selection: $item, matching: .images) {
                    Label("Выбрать фото", systemImage: "photo")
                }

                if let image {
                    image
                        .resizable()
                        .scaledToFit()
                        .clipShape(.rect(cornerRadius: 12))
                } else {
                    ContentUnavailableView("Фото не выбрано", systemImage: "photo")
                }
            }
            .padding()
            .navigationTitle("Instafilter")
            .task(id: item) { await loadSelection() }
            .alert("Не удалось открыть фото", isPresented: Binding(
                get: { errorMessage != nil },
                set: { if !$0 { errorMessage = nil } }
            )) { Button("OK", role: .cancel) {} }
        }
    }

    private func loadSelection() async {
        guard let item else { return }
        do {
            guard let data = try await item.loadTransferable(type: Data.self),
                  let uiImage = UIImage(data: data) else {
                throw CocoaError(.fileReadCorruptFile)
            }
            try Task.checkCancellation()
            image = Image(uiImage: uiImage)
        } catch is CancellationError {
            return
        } catch {
            errorMessage = error.localizedDescription
        }
    }
}

#Preview { ContentView() }

Сначала проверьте выбор, отмену и повторный выбор. После этого добавляйте один filter и один Slider — так ошибки PhotosPicker не смешиваются с Core Image.

Загружаем выбор через task(id:)

@State private var pickerItem: PhotosPickerItem?
@State private var selectedImage: Image?
@State private var loadError: String?

.task(id: pickerItem) {
    await loadImage()
}

func loadImage() async {
    guard let pickerItem else { return }

    do {
        guard let data = try await pickerItem.loadTransferable(type: Data.self),
              let uiImage = UIImage(data: data) else {
            throw CocoaError(.fileReadCorruptFile)
        }
        try Task.checkCancellation()
        selectedImage = Image(uiImage: uiImage)
    } catch is CancellationError {
        return
    } catch {
        loadError = error.localizedDescription
    }
}

PhotosPickerItem — Optional: пользователь может ничего не выбрать. .task(id:) отменяет старую загрузку, когда выбран другой элемент или View исчез. Ошибку loadTransferable показывайте пользователю.

Advanced: тяжёлая обработка

Большие фильтры не должны надолго занимать main actor. Сначала соберите рабочий single-image flow, затем отдельно изучите actor boundary, orientation и HDR. Для понимания PhotosPicker и Core Image это не требуется.

Три мира изображений

• Image отображается в SwiftUI;
• UIImage взаимодействует с UIKit и Photos;
• CIImage проходит через Core Image filters.

Явное преобразование между типами делает границы понятными. CIContext стоит переиспользовать, а filter менять по выбору пользователя.

currentFilter.setValue(inputImage, forKey: kCIInputImageKey)
currentFilter.setValue(filterIntensity, forKey: kCIInputIntensityKey)
guard let output = currentFilter.outputImage,
      let cgImage = context.createCGImage(output, from: output.extent) else { return }
processedImage = UIImage(cgImage: cgImage)

Slider, Binding и разные параметры

Не каждый filter поддерживает intensity. Перед setValue проверь inputKeys, иначе Core Image получит неподходящий key.

ConfirmationDialog и ShareLink

Dialog позволяет выбрать filter, а ShareLink отдаёт готовый Transferable системному share sheet. UI остаётся системным и доступным.

🏆

Самостоятельная работа

Испытание

Задание

Добавь второй Slider, несколько filters и disabled state для Save/Share до появления результата.

Что уже нужно знать

Optionals, async functions, cancellation, Binding и conditions.

Показать подсказку 1

Проверяй `currentFilter.inputKeys` перед установкой radius или scale.

Показать подсказку 2

Вычисли `canExport` из `processedImage != nil`.

Показать решение

if currentFilter.inputKeys.contains(kCIInputRadiusKey) {
    currentFilter.setValue(filterRadius * 200, forKey: kCIInputRadiusKey)
}

Что ты сейчас использовал

Swift Знакомые основы

• ✓ Double
• ✓ Условия
• ✓ Functions
• ✓ Classes
• ✓ Optionals

SwiftUI Новое в проекте

• + @State
• + Binding и $property
• + PhotosPicker
• + Core Image
• + onChange
• + ShareLink

Следующий проект добавит карту и защиту данных: Bucket List →.