Swift | SwiftUI | iOS Канал разработчиков

Пример: Фильтрация задач по статусу выполнения. struct FilteredTasksView: View { @Query(filter: #Predicate<Task> { $0.isCompleted == false }) private var incompleteTasks: [Task] var body: some View { List(incompleteTasks) { task in Toggle(task.title, isOn: .constant(task.isCompleted)) } } } Ключевые моменты: • #Predicate позволяет писать типобезопасные условия фильтрации...

Пример: Создаем модель Task и отображаем список с автоматическим обновлением. import SwiftData @Model final class Task { var title: String var isCompleted: Bool init(title: String, isCompleted: Bool = false) { self.title = title self.isCompleted = isCompleted } } struct TaskListView: View { @Query private var tasks: [Task] @Environment(\.modelContext) private var modelContext var body: some View { List { ForEach(tasks) { task in Text(task.title) } .onDelete(perform: deleteTasks) } } private func deleteTasks(_ indexSet: IndexSet) { for index in indexSet { modelContext...

Используем .visualEffect() + GeometryProxy – Динамические искажения Деформация на основе геометрии: struct WarpEffectView: View { var body: some View { Text("Искажение") .visualEffect { content, proxy in content.scaleEffect(proxy.size.width / 200) } } } Фишка: Реакция на изменение размера. Не бл

Этим видео можно поделиться с друзьями, которые ищут, с чего начать свой путь в программировании или выбирают язык ✊🏼

Что такое кастомная TabBar с ZStack Пример: Своя панель вкладок поверх контента. struct CustomTabBarView: View { @State private var selectedTab = 0 var body: some View { ZStack(alignment: .bottom) { // Контент TabView(selection: $selectedTab) { Color.red.tag(0) Color.blue.tag(1) } // Кастомный TabBar HStack { Button("Красный") { selectedTab = 0 } Button("Синий") { selectedTab = 1 } } ...

Используем .rotation3DEffect() – Вращение в пространстве Объемные трансформации: struct 3DRotationView: View { @State private var angle: CGFloat = 0 var body: some View { Text("3D") .rotation3DEffect(.degrees(angle), axis: (x: 1, y: 1, z: 0)) .onTapGesture { angle += 45 } } } Применение: Анимации переворота...

Используем .projectionEffect() – 3D-трансформации Простые 3D-эффекты: struct ProjectionView: View { var body: some View { Text("3D") .projectionEffect(.init(.init(rotationAngle: .pi/6)) } } Ограничение: Только простые преобразования. Не благодарите)

Используем .compositingGroup() – Группировка эффектов Изоляция модификаторов: struct CompositingView: View { var body: some View { Text("SwiftUI") .shadow(radius: 5) .compositingGroup() .opacity(0.5) } } Разница: Тень тоже полупрозрачна. Не благодарите)

Используем .blendMode() – Режимы наложения Эффекты смешивания цветов: struct BlendModeView: View { var body: some View { ZStack { Circle().fill(.red).frame(width: 100) Circle().fill(.blue).frame(width: 100).blendMode(.screen) } } } Варианты: .multiply, .overlay, .hardLight. Не благодарите)

Используем .colorInvert() – Инверсия цветов Обратное отображение палитры: struct InvertedColorView: View { var body: some View { Text("Инверсия") .foregroundColor(.white) .padding() .background(.blue) .colorInvert() } } Результат: Белый текст на оранжевом. Не благодарите)

Используем .drawingGroup() – Оптимизация рендеринга Оффсетный рендеринг сложных view: struct ComplexDrawingView: View { var body: some View { ZStack { ForEach(0..<100) { _ in Circle().fill(.blue) } } .drawingGroup() } } Эффект: Ускорение производительности. Не благодарите)