SwiftUI или UIKit - что выбрать для нового приложения iOS?

// UIKit - императивный подход
let label = UILabel()
label.text = "Привет, мир!"
label.font = UIFont.systemFont(ofSize: 24)
label.textAlignment = .center
label.frame = CGRect(x: 50, y: 100, width: 300, height: 50)
view.addSubview(label)

// SwiftUI - декларативный подход
struct ContentView: View {
    var body: some View {
        Text("Привет, мир!")
            .font(.system(size: 24))
            .frame(width: 300, height: 50)
            .position(x: 200, y: 125)
    }
}

// SwiftUI - создание кнопки с действием
Button("Нажми меня") {
    print("Кнопка нажата!")
}

// UIKit - создание кнопки с действием
let button = UIButton(type: .system)
button.setTitle("Нажми меня", for: .normal)
button.addTarget(self, action: #selector(buttonTapped), for: .touchUpInside)
button.frame = CGRect(x: 100, y: 100, width: 200, height: 50)
view.addSubview(button)
 
// ...
 
@objc func buttonTapped() {
    print("Кнопка нажата!")
}

// SwiftUI
List(items) { item in
    Text(item.title)
}
 
// UIKit
tableView.dataSource = self
tableView.delegate = self
// + реализация методов UITableViewDataSource и UITableViewDelegate

// SwiftUI
Form {
    TextField("Имя", text: $name)
    Toggle("Уведомления", isOn: $notificationsEnabled)
    Slider(value: $volume, in: 0...100)
}
 
// UIKit
// Множество строк для создания и настройки каждого элемента
// + дополнительный код для обработки событий и управления состоянием

// Кастомный метод отрисовки в UIKit
override func draw(_ rect: CGRect) {
    // Полный контроль над отрисовкой
    let context = UIGraphicsGetCurrentContext()!
    context.setStrokeColor(UIColor.red.cgColor)
    context.setLineWidth(2)
    context.addEllipse(in: rect.insetBy(dx: 2, dy: 2))
    context.strokePath()
}

// Попытка реализовать кастомную отрисовку в SwiftUI
struct CustomShape: Shape {
    func path(in rect: CGRect) -> Path {
        var path = Path()
        path.addEllipse(in: rect.insetBy(dx: 2, dy: 2))
        return path
    }
}
 
// Использование
CustomShape()
    .stroke(Color.red, lineWidth: 2)

// Один и тот же код для всех платформ
struct ContentView: View {
    var body: some View {
        Text("Привет!")
            .padding()
        #if os(iOS) || os(macOS)
        Button("Нажми") {
            // Выполняется на iOS и macOS
        }
        #endif
    }
}

// SwiftUI - список с тысячей элементов
struct ComplexListView: View {
    var body: some View {
        List(0..<1000, id: \.self) { index in
            ComplexCell(index: index)
        }
    }
}
 
// UIKit - аналогичный список
class ComplexTableViewController: UITableViewController {
    override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return 1000
    }
    
    override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCell(withIdentifier: "ComplexCell", for: indexPath) as! ComplexTableViewCell
        cell.configure(with: indexPath.row)
        return cell
    }
}

// SwiftUI - потенциальная проблема производительности
struct ParentView: View {
    @State private var counter = 0
    
    var body: some View {
        VStack {
            Text("Счетчик: \(counter)")
            Button("Увеличить") {
                counter += 1
            }
            ExpensiveView() // Будет перерисовываться при каждом изменении counter!
        }
    }
}
 
// Решение проблемы
struct ParentView: View {
    @State private var counter = 0
    
    var body: some View {
        VStack {
            Text("Счетчик: \(counter)")
            Button("Увеличить") {
                counter += 1
            }
            ExpensiveView().equatable() // Не будет перерисовываться при изменении counter
        }
    }
}

// UIKit - полностью кастомная отрисовка
class CustomProgressView: UIView {
    var progress: CGFloat = 0.0 {
        didSet { setNeedsDisplay() }
    }
    
    override func draw(_ rect: CGRect) {
        let context = UIGraphicsGetCurrentContext()!
        // Фоновый трек
        context.setFillColor(UIColor.lightGray.cgColor)
        context.fill(rect)
        
        // Индикатор прогресса с градиентом
        let progressRect = CGRect(x: 0, y: 0, width: rect.width * progress, height: rect.height)
        let gradient = CGGradient(
            colorsSpace: CGColorSpaceCreateDeviceRGB(),
            colors: [UIColor.blue.cgColor, UIColor.purple.cgColor] as CFArray,
            locations: [0.0, 1.0]
        )!
        context.drawLinearGradient(
            gradient,
            start: CGPoint(x: 0, y: rect.height / 2),
            end: CGPoint(x: rect.width * progress, y: rect.height / 2),
            options: []
        )
    }
}

// SwiftUI - попытка создать аналогичный индикатор прогресса
struct CustomProgressView: View {
    var progress: Double
    
    var body: some View {
        GeometryReader { geometry in
            ZStack(alignment: .leading) {
                Rectangle()
                    .fill(Color.gray.opacity(0.3))
                    .frame(width: geometry.size.width, height: geometry.size.height)
                
                Rectangle()
                    .fill(LinearGradient(
                        gradient: Gradient(colors: [.blue, .purple]),
                        startPoint: .leading,
                        endPoint: .trailing
                    ))
                    .frame(width: geometry.size.width * progress, height: geometry.size.height)
            }
            .cornerRadius(5)
        }
    }
}

// SwiftUI - простая анимация
struct AnimationDemo: View {
    @State private var scale: CGFloat = 1.0
    
    var body: some View {
        Circle()
            .fill(Color.blue)
            .frame(width: 100, height: 100)
            .scaleEffect(scale)
            .onTapGesture {
                withAnimation(.spring()) {
                    scale = scale == 1.0 ? 2.0 : 1.0
                }
            }
    }
}

// UIKit - аналогичная анимация
class AnimationViewController: UIViewController {
    let circleView = UIView()
    var isExpanded = false
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        circleView.backgroundColor = .blue
        circleView.frame = CGRect(x: 0, y: 0, width: 100, height: 100)
        circleView.center = view.center
        circleView.layer.cornerRadius = 50
        view.addSubview(circleView)
        
        let tapGesture = UITapGestureRecognizer(target: self, action: #selector(handleTap))
        circleView.addGestureRecognizer(tapGesture)
        circleView.isUserInteractionEnabled = true
    }
    
    @objc func handleTap() {
        UIView.animate(
            withDuration: 0.5,
            delay: 0,
            usingSpringWithDamping: 0.6,
            initialSpringVelocity: 0.5,
            options: [],
            animations: {
                self.isExpanded.toggle()
                let scale: CGFloat = self.isExpanded ? 2.0 : 1.0
                self.circleView.transform = CGAffineTransform(scaleX: scale, y: scale)
            }
        )
    }
}

// UIKit - анимация с отслеживанием прогресса
let animator = UIViewPropertyAnimator(duration: 1.0, curve: .easeInOut) {
    // Анимации...
}
 
// Можно управлять прогрессом анимации вручную
slider.addTarget(self, action: #selector(sliderChanged(_:)), for: .valueChanged)
 
@objc func sliderChanged(_ sender: UISlider) {
    animator.fractionComplete = CGFloat(sender.value)
}

// SwiftUI - мастер-детали
struct MasterDetailExample: View {
    var items = ["Элемент 1", "Элемент 2", "Элемент 3"]
    @State private var selectedItem: String?
    
    var body: some View {
        NavigationView {
            List(items, id: \.self) { item in
                NavigationLink(
                    destination: DetailView(item: item),
                    tag: item,
                    selection: $selectedItem
                ) {
                    Text(item)
                }
            }
            .navigationTitle("Список")
            
            Text("Выберите элемент")
                .font(.largeTitle)
        }
    }
}
 
struct DetailView: View {
    var item: String
    
    var body: some View {
        VStack {
            Text(item)
                .font(.title)
            Spacer()
        }
        .padding()
        .navigationTitle(item)
    }
}

// UIKit - мастер-детали (упрощённый пример)
class MasterViewController: UITableViewController {
    let items = ["Элемент 1", "Элемент 2", "Элемент 3"]
    
    override func viewDidLoad() {
        super.viewDidLoad()
        title = "Список"
    }
    
    override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return items.count
    }
    
    override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCell(withIdentifier: "Cell", for: indexPath)
        cell.textLabel?.text = items[indexPath.row]
        return cell
    }
    
    override func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
        let detailVC = DetailViewController()
        detailVC.item = items[indexPath.row]
        navigationController?.pushViewController(detailVC, animated: true)
    }
}

// SwiftUI + async/await
struct NetworkExampleView: View {
    @State private var users: [User] = []
    @State private var isLoading = false
    @State private var error: Error?
    
    var body: some View {
        List {
            if isLoading {
                ProgressView()
            } else if let error = error {
                Text("Ошибка: \(error.localizedDescription)")
            } else {
                ForEach(users) { user in
                    Text(user.name)
                }
            }
        }
        .task {
            do {
                isLoading = true
                users = try await fetchUsers()
                isLoading = false
            } catch {
                self.error = error
                isLoading = false
            }
        }
    }
    
    func fetchUsers() async throws -> [User] {
        let url = URL(string: "https://api.example.com/users")!
        let (data, _) = try await URLSession.shared.data(from: url)
        return try JSONDecoder().decode([User].self, from: data)
    }
}

// UIKit + async/await
class NetworkViewController: UIViewController, UITableViewDataSource {
    
    @IBOutlet weak var tableView: UITableView!
    @IBOutlet weak var activityIndicator: UIActivityIndicatorView!
    @IBOutlet weak var errorLabel: UILabel!
    
    var users: [User] = []
    
    override func viewDidLoad() {
        super.viewDidLoad()
        tableView.dataSource = self
        fetchUsers()
    }
    
    func fetchUsers() {
        activityIndicator.startAnimating()
        errorLabel.isHidden = true
        
        Task {
            do {
                let url = URL(string: "https://api.example.com/users")!
                let (data, _) = try await URLSession.shared.data(from: url)
                users = try JSONDecoder().decode([User].self, from: data)
                
                DispatchQueue.main.async {
                    self.tableView.reloadData()
                    self.activityIndicator.stopAnimating()
                }
            } catch {
                DispatchQueue.main.async {
                    self.errorLabel.text = "Ошибка: \(error.localizedDescription)"
                    self.errorLabel.isHidden = false
                    self.activityIndicator.stopAnimating()
                }
            }
        }
    }
    
    // Реализация UITableViewDataSource...
}

// Неоптимальный код SwiftUI
struct MemoryIssueView: View {
    let items = Array(1...1000) // Большой массив данных
    
    var body: some View {
        ScrollView {
            LazyVStack {
                ForEach(items, id: \.self) { item in
                    ExpensiveView(item: item) // Создаётся 1000 экземпляров!
                }
            }
        }
    }
}
 
// Оптимизированная версия
struct FixedMemoryIssueView: View {
    let items = Array(1...1000)
    
    var body: some View {
        List(items, id: \.self) { item in
            ExpensiveView(item: item) // List обеспечивает переиспользование
        }
    }
}

// UIKit с эффективным переиспользованием
func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: "Cell", for: indexPath)
    // Настройка переиспользованной ячейки
    return cell
}

// Отладка иерархии представлений в SwiftUI
Text("Привет!")
    .border(Color.red)
    .debug() // Собственный модификатор для отладки
 
// Собственный модификатор .debug()
extension View {
    func debug() -> some View {
        print("View updated: \(Self.self)")
        return self
    }
}

// Отладка иерархии представлений в UIKit
po view.recursiveDescription() // В консоли отладчика

// Оптимизация отрисовки в SwiftUI
ComplexView()
    .drawingGroup() // Использует Metal для рендеринга

// Встраивание SwiftUI в UIKit
let swiftUIView = ContentView(message: "Привет из SwiftUI!")
let hostingController = UIHostingController(rootView: swiftUIView)
 
// Добавление как дочернего контроллера
addChild(hostingController)
view.addSubview(hostingController.view)
hostingController.didMove(toParent: self)
 
// Настройка ограничений макета
hostingController.view.translatesAutoresizingMaskIntoConstraints = false
NSLayoutConstraint.activate([
    hostingController.view.leadingAnchor.constraint(equalTo: view.leadingAnchor),
    hostingController.view.trailingAnchor.constraint(equalTo: view.trailingAnchor),
    hostingController.view.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor),
    hostingController.view.heightAnchor.constraint(equalToConstant: 300)
])

// Встраивание UIKit в SwiftUI
struct UIKitMapView: UIViewRepresentable {
    var coordinate: CLLocationCoordinate2D
    
    func makeUIView(context: Context) -> MKMapView {
        let mapView = MKMapView()
        mapView.delegate = context.coordinator
        return mapView
    }
    
    func updateUIView(_ mapView: MKMapView, context: Context) {
        let annotation = MKPointAnnotation()
        annotation.coordinate = coordinate
        mapView.removeAnnotations(mapView.annotations)
        mapView.addAnnotation(annotation)
        mapView.setRegion(MKCoordinateRegion(
            center: coordinate,
            span: MKCoordinateSpan(latitudeDelta: 0.01, longitudeDelta: 0.01)
        ), animated: true)
    }
    
    func makeCoordinator() -> Coordinator {
        Coordinator(self)
    }
    
    class Coordinator: NSObject, MKMapViewDelegate {
        var parent: UIKitMapView
        
        init(_ parent: UIKitMapView) {
            self.parent = parent
        }
    }
}
 
// Использование в SwiftUI
struct ContentView: View {
    var body: some View {
        UIKitMapView(coordinate: CLLocationCoordinate2D(
            latitude: 37.334_900,
            longitude: -122.009_020
        ))
        .frame(height: 300)
        .cornerRadius(12)
    }
}

// Пример библиотечного компонента с двойной реализацией
// UIKit-версия
class PrimaryButton: UIButton {
    override init(frame: CGRect) {
        super.init(frame: frame)
        setup()
    }
    
    required init?(coder: NSCoder) {
        super.init(coder: coder)
        setup()
    }
    
    private func setup() {
        backgroundColor = .systemBlue
        setTitleColor(.white, for: .normal)
        layer.cornerRadius = 8
        titleLabel?.font = UIFont.systemFont(ofSize: 16, weight: .bold)
    }
}
 
// SwiftUI-версия
struct PrimaryButton: View {
    let title: String
    let action: () -> Void
    
    var body: some View {
        Button(action: action) {
            Text(title)
                .font(.system(size: 16, weight: .bold))
                .foregroundColor(.white)
                .frame(maxWidth: .infinity)
                .padding()
                .background(Color.blue)
                .cornerRadius(8)
        }
    }
}

// В UIKit-коде
let swiftUIView = ProductCardView(product: product) { selectedProduct in
    self.handleProductSelection(selectedProduct)
}
let hostingController = UIHostingController(rootView: swiftUIView)
 
// В SwiftUI-компоненте
struct ProductCardView: View {
    let product: Product
    let onSelect: (Product) -> Void
    
    var body: some View {
        VStack {
            // UI-код...
        }
        .onTapGesture {
            onSelect(product)
        }
    }
}

// Общая модель данных
class UserProfileModel: ObservableObject {
    @Published var username: String = ""
    @Published var bio: String = ""
    @Published var avatarImage: UIImage?
}
 
// В UIKit-контроллере
class ProfileViewController: UIViewController {
    private let model = UserProfileModel()
    private var cancellables = Set<AnyCancellable>()
    
    @IBOutlet weak var usernameLabel: UILabel!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        model.$username
            .receive(on: RunLoop.main)
            .sink { [weak self] newValue in
                self?.usernameLabel.text = newValue
            }
            .store(in: &cancellables)
            
        // Добавляем SwiftUI-редактор профиля
        let editView = ProfileEditView(model: model)
        let hostingController = UIHostingController(rootView: editView)
        // Настройка и добавление контроллера...
    }
}
 
// В SwiftUI-компоненте
struct ProfileEditView: View {
    @ObservedObject var model: UserProfileModel
    
    var body: some View {
        Form {
            TextField("Имя пользователя", text: $model.username)
            TextField("О себе", text: $model.bio)
        }
    }
}

// Общий хранитель состояния
class AppStore: ObservableObject {
    @Published private(set) var state: AppState
    
    init(initialState: AppState = AppState()) {
        self.state = initialState
    }
    
    func dispatch(_ action: AppAction) {
        // Обработка действия и изменение состояния
    }
}
 
// В UIKit-контроллере
let store = AppStore()
// ...
func showProductDetails(_ product: Product) {
    let detailsView = ProductDetailsView(store: store, productId: product.id)
    let hostingController = UIHostingController(rootView: detailsView)
    navigationController?.pushViewController(hostingController, animated: true)
}
 
// В SwiftUI-представлении
struct ProductDetailsView: View {
    @ObservedObject var store: AppStore
    let productId: String
    
    var product: Product? {
        store.state.products.first { $0.id == productId }
    }
    
    var body: some View {
        if let product = product {
            // Отображение продукта
        } else {
            ProgressView()
        }
    }
}

// Решение: явное управление жизненным циклом
class HybridViewController: UIViewController {
    var hostingController: UIHostingController<SomeSwiftUIView>?
    
    override func viewDidLoad() {
        super.viewDidLoad()
        setupSwiftUIView()
    }
    
    func setupSwiftUIView() {
        let swiftUIView = SomeSwiftUIView(
            // Параметры...
            onDisappear: { [weak self] in
                self?.cleanupSwiftUIView()
            }
        )
        let hostingController = UIHostingController(rootView: swiftUIView)
        self.hostingController = hostingController
        // Добавление и настройка...
    }
    
    func cleanupSwiftUIView() {
        hostingController?.willMove(toParent: nil)
        hostingController?.view.removeFromSuperview()
        hostingController?.removeFromParent()
        hostingController = nil
    }
}

// Решение: явное указание фиксированного размера
hostingController.view.translatesAutoresizingMaskIntoConstraints = false
NSLayoutConstraint.activate([
    hostingController.view.topAnchor.constraint(equalTo: containerView.topAnchor),
    hostingController.view.leadingAnchor.constraint(equalTo: containerView.leadingAnchor),
    hostingController.view.trailingAnchor.constraint(equalTo: containerView.trailingAnchor),
    hostingController.view.bottomAnchor.constraint(equalTo: containerView.bottomAnchor)
])
 
// В SwiftUI можно использовать .fixedSize() или явно указывать размеры
MyUIKitView()
    .frame(width: UIScreen.main.bounds.width, height: 200)

// Решение: отключение собственной навигации SwiftUI
let swiftUIView = ContentView()
    .navigationBarHidden(true) // Скрываем верхнюю навигационную панель SwiftUI
let hostingController = UIHostingController(rootView: swiftUIView)
navigationController?.pushViewController(hostingController, animated: true)

// Решение: ручное обновление при изменении ориентации
override func viewWillTransition(to size: CGSize, with coordinator: UIViewControllerTransitionCoordinator) {
    super.viewWillTransition(to: size, with: coordinator)
    
    coordinator.animate(alongsideTransition: nil) { [weak self] _ in
        // Обновляем размер и повторно устанавливаем корневое представление
        if let currentView = self?.swiftUIView {
            self?.hostingController?.rootView = currentView
        }
    }
}

// Пример быстрого прототипа на SwiftUI
struct QuickPrototype: View {
    @State private var username = ""
    @State private var password = ""
    @State private var isLoggedIn = false
    
    var body: some View {
        Group {
            if isLoggedIn {
                Text("Вы вошли в систему!")
                    .font(.largeTitle)
                Button("Выйти") {
                    isLoggedIn = false
                }
            } else {
                VStack(spacing: 20) {
                    TextField("Имя пользователя", text: $username)
                        .textFieldStyle(RoundedBorderTextFieldStyle())
                    SecureField("Пароль", text: $password)
                        .textFieldStyle(RoundedBorderTextFieldStyle())
                    Button("Войти") {
                        // В прототипе просто имитация входа
                        isLoggedIn = true
                    }
                    .disabled(username.isEmpty || password.isEmpty)
                }
                .padding()
            }
        }
    }
}

// Пример встраивания "острова" SwiftUI в UIKit-проект
class SettingsViewController: UIViewController {
    override func viewDidLoad() {
        super.viewDidLoad()
        
        // Создаем SwiftUI-представление для настроек
        let settingsView = SettingsView(
            userName: UserDefaults.standard.string(for: .userName) ?? "",
            notificationsEnabled: UserDefaults.standard.bool(for: .enableNotifications),
            onSave: { newName, enableNotifications in
                // Сохраняем настройки 
                UserDefaults.standard.set(newName, for: .userName)
                UserDefaults.standard.set(enableNotifications, for: .enableNotifications)
                // И закрываем экран
                self.dismiss(animated: true)
            }
        )
        
        // Встраиваем в UIKit
        let hostingController = UIHostingController(rootView: settingsView)
        addChild(hostingController)
        view.addSubview(hostingController.view)
        hostingController.view.translatesAutoresizingMaskIntoConstraints = false
        NSLayoutConstraint.activate([
            hostingController.view.leadingAnchor.constraint(equalTo: view.leadingAnchor),
            hostingController.view.trailingAnchor.constraint(equalTo: view.trailingAnchor),
            hostingController.view.topAnchor.constraint(equalTo: view.topAnchor),
            hostingController.view.bottomAnchor.constraint(equalTo: view.bottomAnchor)
        ])
        hostingController.didMove(toParent: self)
    }
}