Dynamic Island: यह क्या है, iPhone की इंटरैक्टिव सूचनाएं

iPhone पर Dynamic Island क्या है?

Dynamic Island iPhone 14 Pro, 15 Pro और नए मॉडलों का एक इंटरफेस तत्व है जो फ्रंट कैमरा और Face ID सेंसर के आसपास के क्षेत्र का उपयोग सूचनाएं और Live Activity प्रदर्शित करने के लिए करता है। पुराने notch के विपरीत, जो एक स्थिर काला तत्व था, Dynamic Island गतिशील रूप से आकार और रूप बदलता है: टाइमर दिखाने के लिए फैलता है, कनेक्टेड AirPods के आइकन के लिए सिकुड़ता है, खेल परिणामों के लिए आयत में बदल जाता है।

तकनीकी कार्यान्वयन Dynamic Island OLED स्क्रीन के हार्डवेयर पिल-शेप्ड कटआउट और उसके चारों ओर सॉफ्टवेयर पिक्सेल प्रोसेसिंग पर आधारित है। सिस्टम Island क्षेत्र में पिक्सेल रिफ्रेश दर को 120 Hz तक बढ़ाता है और सामग्री और कैमरे के काले क्षेत्र के बीच सहज संक्रमण के लिए स्मूथिंग का उपयोग करता है। डेवलपर Island को सीधे प्रोग्राम नहीं करता — वह ActivityKit के माध्यम से सामग्री बनाता है, और सिस्टम इसे कटआउट के चारों ओर स्वचालित रूप से रखता है।

उपयोगकर्ता धारणा — Dynamic Island एक हार्डवेयर कमी को एक कार्यात्मक तत्व में बदल देता है। Apple के शोध के अनुसार, उपयोगकर्ता कुछ दिनों के उपयोग के बाद Island को स्क्रीन के एक प्राकृतिक हिस्से के रूप में देखते हैं। हाइलाइटिंग और ध्यान-स्विचिंग एनिमेशन — उदाहरण के लिए, एक आने वाली सूचना Island को स्थानांतरित करती है और 120 फ्रेम प्रति सेकंड पर विस्तार प्रभाव के साथ सामग्री दिखाती है।

Dynamic Island के डिस्प्ले मोड

Dynamic Island समर्थन करता है सामग्री प्रदर्शन के तीन मोड, जिन्हें सिस्टम गतिविधियों के प्रकार और संख्या के आधार पर स्वचालित रूप से चुनता है। डेवलपर WidgetBundle में प्रत्येक मोड के लिए UI परिभाषित करता है, लेकिन यह नियंत्रित नहीं करता कि इस समय कौन सा मोड सक्रिय है। सिस्टम एक साथ दो गतिविधियाँ भी प्रदर्शित कर सकता है: एक कटआउट के बाईं ओर, दूसरी दाईं ओर।

मोड के बीच संक्रमण ease-in-out वक्र के साथ 0.4–0.6 सेकंड की सिस्टम एनिमेशन के साथ किया जाता है। जब कोई नई Activity प्रकट होती है, Island कॉम्पैक्ट से विस्तारित मोड में फैलता है। समाप्त होने पर, वापस सिकुड़ जाता है। उपयोगकर्ता बाईं ओर स्वाइप करके विस्तारित मोड को जबरदस्ती संक्षिप्त कर सकता है — Island कॉम्पैक्ट या न्यूनतम में बदल जाता है। यदि अपडेट की उम्मीद नहीं है तो सिस्टम 5 सेकंड की निष्क्रियता के बाद विस्तारित मोड को भी संक्षिप्त कर देता है।

दो गतिविधियाँ — यदि दो ऐप्स में सक्रिय Live Activities हैं, Dynamic Island उन्हें कटआउट के दोनों ओर दिखाता है। बायाँ भाग पहली शुरू की गई Activity है, दायाँ भाग दूसरी है। यदि केवल एक गतिविधि है, तो वह बाएँ भाग पर कब्जा करती है, दायाँ खाली रहता है। किसी भी ओर टैप करने पर Island फैलता है और उस Activity की सामग्री दिखाता है। विरोध की स्थिति में सिस्टम स्वयं तय करता है कि किस Activity को प्राथमिकता देनी है।

Dynamic Island के लिए सामग्री बनाना

Dynamic Island सामग्री विशेष रूप से ActivityKit फ्रेमवर्क के साथ Live Activity के माध्यम से बनाई जाती है। डेवलपर कोड में चार क्षेत्र परिभाषित करता है: कॉम्पैक्ट लीडिंग (compactLeading), कॉम्पैक्ट ट्रेलिंग (compactTrailing), न्यूनतम (minimal) और विस्तारित (expanded)। प्रत्येक क्षेत्र एक SwiftUI View है जो context के माध्यम से Activity की वर्तमान स्थिति प्राप्त करता है। यदि कोई क्षेत्र परिभाषित नहीं है, Island उस मोड में उस Activity को प्रदर्शित नहीं करता।

struct DeliveryIsland: DynamicIsland {
    var body: some DynamicIslandContent {
        DynamicIslandExpandedContent {
            VStack(alignment: .leading) {
                Text(context.state.status)
                    .font(.headline)
                ProgressView(
                    value: context.state.progress
                )
                Text("ETA: \(context.state.minutes) min")
                    .font(.caption)
            }
        } compactLeading: {
            Image(systemName: "box.truck")
        } compactTrailing: {
            Text("\(context.state.minutes) min")
                .monospacedDigit()
        } minimal: {
            Image(systemName: "box.truck")
        }
    }
}

Dynamic Island में SwiftUI सीमाएँ — उपलब्ध घटक: Text, Image, HStack, VStack, ZStack, Spacer, ProgressView, Button (केवल Link के माध्यम से), Gauge। निषिद्ध: ScrollView, List, TabView, एनिमेशन, gesture recognizers। रंग पैलेट — केवल System Colors (label, secondaryLabel, tint)। फ़ॉन्ट — .caption से .title3 तक सिस्टम आकार। कस्टम फ़ॉन्ट और SF Symbols सही ढंग से काम करते हैं।

Dynamic Island का परीक्षण — Xcode Dynamic Island समर्थन वाला सिम्युलेटर प्रदान करता है। लक्ष्य डिवाइस के रूप में iPhone 14 Pro या 15 Pro चुनें। ActivityKit विभिन्न Island मोड का अनुकरण करता है: Xcode Debug मेनू में Dynamic Island Mode बटन कॉम्पैक्ट, न्यूनतम और विस्तारित के बीच स्विच करता है। एक साथ कई Activities के परीक्षण के लिए, विभिन्न ActivityID वाली स्कीम का उपयोग करें या ऐप के दो उदाहरण चलाएँ।

Dynamic Island में सिस्टम इवेंट

सिस्टम इवेंट — कॉल, AirPods, Face ID, चार्जिंग और अन्य — कस्टम Live Activities पर प्राथमिकता रखते हैं। जब कोई सिस्टम इवेंट होता है, Island कस्टम सामग्री के प्रदर्शन को रोकता है और सिस्टम सामग्री दिखाता है। सिस्टम इवेंट समाप्त होने के बाद, Island एनिमेशन के साथ कस्टम सामग्री पर लौटता है। डेवलपर सिस्टम इवेंट को रद्द या संशोधित नहीं कर सकता — वे iOS ऑपरेटिंग सिस्टम स्तर पर प्रबंधित होते हैं।

इनकमिंग कॉल — सबसे महत्वपूर्ण सिस्टम इवेंट। Dynamic Island कॉल करने वाले का नाम कटआउट के बाईं ओर और अवधि/स्थिति दाईं ओर दिखाता है। सक्रिय कॉल के दौरान, Island कोई कस्टम Live Activities प्रदर्शित नहीं करता। उपयोगकर्ता कॉल स्क्रीन खोलने के लिए Island का विस्तार कर सकता है या पृष्ठभूमि में सक्रिय कॉल के साथ ऐप में काम जारी रखने के लिए संक्षिप्त कर सकता है।

AirPods कनेक्शन — iPhone के पास केस खोलने पर, Dynamic Island कनेक्शन को एनिमेट करता है और प्रत्येक ईयरबड और केस का चार्ज दिखाता है। एनिमेशन 2–3 सेकंड तक रहता है, जिसके बाद Island अपनी पिछली स्थिति में लौट आता है। यदि उपयोगकर्ता के पास कोई सक्रिय Live Activities नहीं थीं, Island खाली रहता है। AirPods Pro 2 स्टेम दबाने पर वॉल्यूम और शोर रद्दीकरण मोड भी प्रदर्शित करते हैं।

Dynamic Island के लिए सर्वोत्तम विकास पद्धतियाँ

Dynamic Island सर्वोत्तम पद्धतियाँ Apple द्वारा गुणवत्तापूर्ण उपयोगकर्ता अनुभव सुनिश्चित करने के लिए पालन करने की अनुशंसा की जाती है। कॉम्पैक्ट मोड में केवल सबसे महत्वपूर्ण जानकारी प्रदर्शित होनी चाहिए — एक आइकन और एक संख्या या छोटा लेबल। विस्तारित मोड — बिना अनावश्यक तत्वों के केवल मुख्य जानकारी। कॉम्पैक्ट मोड में टेक्स्ट रखने से बचें यदि यह 20 वर्णों से अधिक है — सिस्टम टेक्स्ट को इलिप्सिस से काट देता है।

Dynamic Island के लिए पुश अपडेट — दुर्लभ अपडेट (ऑर्डर स्थिति, खेल परिणाम) के लिए ActivityKit push का उपयोग करें और लगातार टाइमर या स्टॉपवॉच के लिए स्थानीय अपडेट का। पुश सूचनाएं APNs के माध्यम से जाती हैं और Island में दिखने में 0.5–2 सेकंड लगती हैं। StaleDate — सामग्री समाप्ति तिथि निर्धारित करें: यदि अपडेट समय पर नहीं आता है, सिस्टम सामग्री के बजाय ग्रे पृष्ठभूमि दिखाता है, उपयोगकर्ता को पुराने डेटा का संकेत देता है।

func updateDelivery(activity: Activity<DeliveryAttributes>) {
    Task {
        let newContent = ActivityContent(
            state: DeliveryAttributes.ContentState(
                status: .delivered,
                estimatedMinutes: 0
            ),
            staleDate: Date().addingTimeInterval(300)
        )
        await activity.update(newContent)
        // 2 सेकंड में Activity समाप्त कर रहे हैं
        try? await Task.sleep(nanoseconds: 2_000_000_000)
        await activity.end(newContent)
    }
}

ऊर्जा खपत — Dynamic Island और Live Activities का OLED डिस्प्ले हार्डवेयर ऑप्टिमाइज़ेशन के कारण बैटरी पर न्यूनतम प्रभाव पड़ता है। कटआउट के चारों ओर काले पिक्सेल बंद हैं, और सामग्री एक समर्पित कोप्रोसेसर पर रेंडर होती है। हर 5 मिनट में अपडेट करने पर औसत Live Activity खपत प्रति घंटे 1% बैटरी से कम है। कम बैटरी (20% से नीचे) या पावर सेविंग मोड में सिस्टम स्वचालित रूप से Island को रोक देता है।

Dynamic Island के लिए डिज़ाइन को मुख्य ऐप UI के अनुकूलन की आवश्यकता नहीं है — Island सक्रिय स्क्रीन से स्वतंत्र रूप से काम करता है। Live Activity के रंग सिस्टम Color Assets के माध्यम से सिस्टम थीम (हल्का/गहरा) से मेल खाने चाहिए। SF Symbols कस्टम आइकन पर प्राथमिकता दी जाती है — वे किसी भी Island मोड में सही ढंग से प्रदर्शित होने की गारंटी रखते हैं और उनमें अंतर्निहित Dynamic Type समर्थन है।