Full Screen Cover: bu nima, to'liq ekran taqdimoti va UIKit

iOS-da Full Screen Cover nima?

Full Screen Cover — iOS-da modal taqdimot uslubi bo'lib, unda taqdim etilgan kontroller qurilmaning butun ekranini egallaydi. Ota-moddiy tarkib butunlay yashiriladi, bu immersiya effektini yaratadi va foydalanuvchini joriy vazifaga qaratadi.

iOS 13 gacha Full Screen Cover iPhone-dagi yagona modal taqdimot uslubi edi. Barcha present(_:animated:completion:) chaqiruvlari standart sifatida .fullScreen dan foydalanardi. iOS 13 dan boshlab Apple standart uslubni .automatic ga o'zgartirdi, bu iPhone uchun .pageSheet ni tanlaydi. Biroq, Full Screen Cover mavjud bo'lib qoladi va to'liq diqqat talab qiladigan stsenariylar uchun qo'llaniladi.

Page Sheet-dan farqli o'laroq, Full Screen Cover ota-moddiy tarkib bilan o'zaro aloqaga ruxsat bermaydi va uni modal oyna ostida ko'rsatmaydi. Foydalanuvchi Full Screen Cover-ni pastga surish bilan yopa olmaydi — yopish uchun dasturiy ravishda dismiss(animated:completion:) chaqiruvi yoki ekranning o'zida yopish tugmasi talab qilinadi. Ushbu xatti-harakat UX dizaynida hisobga olinishi muhim.

Full Screen Cover vs Page Sheet: uslublarni solishtirish

Page Sheet — iOS 13 da paydo bo'lgan ikkinchi asosiy modal taqdimot uslubi. Page Sheet yuqoridan bo'sh joy bilan karta shaklida ko'rsatiladi, uning ostida ota-ona ekrani ko'rinadi. Foydalanuvchi Page Sheet-ni pastga surish bilan yopishi mumkin. Full Screen Cover esa, aksincha, ota-moddiy tarkibni yashiradi va surish bilan yopilishni qo'llab-quvvatlamaydi.

Full Screen Cover va Page Sheet o'rtasidagi tanlov mazmun va kontekstga bog'liq. Tavsiya etiladi Full Screen Cover-dan to'liq diqqat talab qiladigan kontent uchun foydalanish: to'liq ekran rejimida video, fotosuratlarni oldindan ko'rish, hujjatlarni skanerlash. Page Sheet — ota-ona ekranining konteksti muhim bo'lgan vazifalar uchun: tahrirlash formalari, parametrlarni tanlash, tafsilotlarni ko'rish.

UIKit-da amalga oshirish: UIModalPresentationStyle

UIKit modal taqdimot uslubini sozlash uchun UIModalPresentationStyle.fullScreen doimiysini taqdim etadi. Ushbu xususiyatni UIViewController da present chaqiruvidan oldin o'rnatish kontrollerning to'liq ekranda ko'rsatilishini kafolatlaydi. Kontroller shuningdek klaviatura paydo bo'lganda xatti-harakatni va tizim hodisalarini qayta ishlashni boshqaradi.

Sozlash va delegat

.fullScreen uslubini o'rnatgandan so'ng, yopilish hodisalarini boshqarish uchun presentationController?.delegate ni sozlash tavsiya etiladi. UIAdaptivePresentationControllerDelegate delegati yopilish urinishini tutib olish va ma'lumot yo'qotilishining oldini olish imkonini beradi. Page Sheet-dan farqli o'laroq, Full Screen Cover uchun delegat faqat dasturiy dismiss chaqiruvida ishga tushadi.

Ekran aylanishi va klaviatura

Full Screen Cover ekran aylanishi va klaviatura paydo bo'lishini to'g'ri boshqaradi. Aylanishda modal kontroller avtomatik ravishda yangi yo'nalishga moslashadi. UIKeyboardWillShowNotification klaviatura paydo bo'lganda tarkibni yuqoriga siljitish imkonini beradi, shunda matn maydonlari ko'rinadigan bo'lib qoladi. Page Sheet-dan farqli o'laroq, Full Screen Cover klaviatura paydo bo'lganda o'lchamlarini o'zgartirmaydi.

let playerVC = VideoPlayerViewController()
playerVC.modalPresentationStyle = .fullScreen
playerVC.modalTransitionStyle = .crossDissolve
present(playerVC, animated: true) {
    playerVC.startPlayback()
}

// Bekor qilish
dismiss(animated: true) {
    print("Pleyer bekor qilindi")
}

SwiftUI: .fullScreenCover modifikatori

SwiftUI deklarativ tarzda to'liq ekranli modal oynalar yaratish uchun .fullScreenCover modifikatorini taqdim etadi. .sheet (Page Sheet) dan farqli o'laroq, .fullScreenCover o'xshash xatti-harakat bilan .fullScreen uslubini yaratadi: tarkibni to'liq qoplash va surish bilan yopilmaslik.

Binding va ma'lumotlar bilan foydalanish

Modifikator Bool binding yoki ixtiyoriy identifikatsiya qilinadigan obyektni qabul qiladi. Binding true ga o'rnatilganda, SwiftUI to'liq ekran oynasining paydo bo'lishini animatsiya qiladi. Ma'lumotlarni uzatish uchun onDismiss parametri va tarkibli closure ishlatiladi. \.dismiss muhit qiymati modal oynani ichkaridan yopish imkonini beradi.

Full Screen Cover vs Sheet

SwiftUI-da .fullScreenCover va .sheet o'rtasidagi tanlov UIKit-ga o'xshaydi: .fullScreenCover immersiv kontent uchun, .sheet kartalar uchun. SwiftUI avtomatik ravishda to'g'ri yopilish xatti-harakatini tanlaydi: .sheet surish bilan yopilishi mumkin, .fullScreenCover — faqat dasturiy ravishda. Modifikatorlar bir View ierarxiyasida birlashtirilishi mumkin.

struct CameraView: View {
    @State private var showCamera = false

    var body: some View {
        Button("Kamerani ochish") {
            showCamera = true
        }
        .fullScreenCover(isPresented: $showCamera) {
            CameraPreviewView()
                .ignoresSafeArea()
        }
    }
}

struct CameraPreviewView: View {
    @Environment(\.dismiss) private var dismiss

    var body: some View {
        ZStack {
            Color.black.ignoresSafeArea()
            VStack {
                Spacer()
                Button("Suratga olish") { dismiss() }
                    .foregroundColor(.white)
            }
        }
    }
}

Maxsus animatsiyalar va o'tishlar

Full Screen Cover UIKit-da UIModalTransitionStyle orqali va SwiftUI-da maxsus o'tishlar orqali moslashtirilgan animatsiyalarni qo'llab-quvvatlaydi. Standart uslublar: .coverVertical (pastdan yuqoriga), .crossDissolve (silliq paydo bo'lish), .flipHorizontal (aylantirish) va .partialCurl (sahifa effekti).

UIKit: UIViewControllerAnimatedTransitioning

To'liq moslashtirilgan animatsiya uchun UIViewControllerAnimatedTransitioning protokolini amalga oshiring. Bu animatsiya davomiyligini va o'tishning o'zini animateTransition(using:) metodi orqali aniqlash imkonini beradi. Animatsiya kontrolleri UINavigationControllerDelegate yoki UIViewControllerTransitioningDelegate delegati orqali tayinlanadi.

SwiftUI: Matched Geometry Effect

SwiftUI-da .fullScreenCover uchun maxsus o'tishlar matchedGeometryEffect orqali yaratiladi. Ushbu modifikator elementni ota-ona View dan to'liq ekran oynasiga ko'chirishni animatsiya qiladi. Masalan, foto miniatyurasiga bosganda, u silliq ravishda to'liq ekranga ochiladi, davomiylik effektini yaratadi. MatchedGeometryEffect id va namespace bilan ishlaydi, elementni manba va maqsad pozitsiyasida bog'laydi.

struct PhotoViewer: View {
    @State private var selectedPhoto: String?
    @Namespace private var animation

    var body: some View {
        HStack {
            ForEach(["photo1", "photo2"], id: \.self) { photo in
                Image(photo)
                    .matchedGeometryEffect(id: photo, in: animation)
                    .onTapGesture { selectedPhoto = photo }
            }
        }
        .fullScreenCover(item: $selectedPhoto) { photo in
            Image(photo)
                .matchedGeometryEffect(id: photo, in: animation)
                .ignoresSafeArea()
        }
    }
}

Full Screen Cover qachon ishlatiladi?

Full Screen Cover tarkib ota-ona interfeysidan chalg'itmasdan butun ekranni egallashi kerak bo'lgan stsenariylar uchun tavsiya etiladi. Apple HIG uchta asosiy kategoriyani ajratadi: media kontent, kontent yaratish vositalari va vaqtinchalik tizim interfeyslari.

Media va o'yin-kulgi

Video pleerlar, fotosuratlarni ko'rish, PDF va komikslarni o'qish — Full Screen Cover dan foydalanishning odatiy misollari. AVPlayerViewController iOS-da landshaft rejimiga o'tishda avtomatik ravishda to'liq ekran rejimidan foydalanadi. Adobe Lightroom kabi foto muharrirlari tasvirlar kutubxonasi ustida to'liq ekran muharririni ochadi.

Kontent yaratish vositalari

Kamera, hujjat skaneri, ovoz yozish — foydalanuvchining to'liq diqqatini talab qiladigan vazifalar. UIImagePickerController iOS 14 gacha kamera uchun Full Screen Cover dan foydalanardi. iOS 14 dan boshlab tizim tanlovchisi Page Sheet dan foydalanadi, ammo dasturchi maxsus kamera uchun .fullScreen ni majburiy o'rnatishi mumkin.

Nimadan qochish kerak

Full Screen Cover dan foydalanmang: ro'yxatdan o'tish formalari (Page Sheet afzal), ota-ona sahifa konteksti muhim bo'lgan matn kiritish ekranlari va modal oyna ichidagi ketma-ket navigatsiya uchun. Material Design ham tizimning orqaga tugmasini bloklashdan qochishni tavsiya qiladi — iOS-da bu ruxsat etilgan, ammo foydalanuvchi UI elementi orqali yopishning aniq usuliga ega bo'lishi kerak.