👩🏿‍🎨 👨🏾‍🤝‍👨🏼 💃🏽 IOS 13 में मोडल मोडल स्क्रीन प्रेजेंटेशन 🎪 👨🏾‍💻 💧

सभी को नमस्कार!

मेरा नाम इल्या है, मैं Tinkoff.ru से हूं। मैंने आपके लिए ज्योफ हैकवर्थ के एक लेख का अनुवाद किया है जिसके बारे में iOS 13 में मोडल प्रस्तुति शैली कैसे बदल गई, इससे क्या प्रभावित हुआ और iOS और Xcode के पिछले संस्करणों के साथ कैसे पिछड़ी संगतता काम करती है।

परिचय

लेखन के समय, WWDC 2019 समाप्त हो रहा है। IOS के लिए कई डेवलपर्स की तरह, मैं धीरे-धीरे उन सभी नई जानकारियों को प्रोसेस करता हूं, जो Apple ने हमें दी हैं, और आने वाले हफ्तों में (और!) मैं जितने वीडियो देख सकता हूं, उतने करने की कोशिश करूंगा।
मेरे अपने अनुप्रयोगों के बारे में तीन प्रश्न थे:

मेरे वर्तमान अनुप्रयोग iOS 13 पर समस्याओं के बिना काम करते हैं? Apple के पास बैकवर्ड संगतता का एक लंबा इतिहास है, जो Xcode के संस्करण पर आधारित है जिसके साथ एप्लिकेशन बनाया गया था। इतिहास से पता चलता है कि iOS 13 के लिए Xcode 10 में बनाए गए एप्लिकेशन ऐसा व्यवहार करेंगे जैसे कि वे iOS 12 पर चल रहे थे। लेकिन ऐसा हमेशा नहीं होता है।
क्या Xcode 11 / iOS 13 के साथ निर्माण करते समय मेरे ऐप काम करते हैं? नवीनतम उपकरणों के उपयोग से बिल्ड iOS के पिछले संस्करणों के साथ पिछड़े संगतता को दरकिनार करके एप्लिकेशन को नए तरीके से काम करने की अनुमति देता है। क्या कुछ टूट गया है?
मेरे अनुप्रयोगों को बेहतर बनाने या नए iOS 13 सुविधाओं का लाभ लेने के लिए क्या परिवर्तन हो सकते हैं / होना चाहिए? यह सबसे बड़ा काम है, और इसके अध्ययन और कार्यान्वयन में अधिक समय लगेगा। यह अध्ययन एक अलग लेख के लिए है।

मैंने अभी तक एक असली डिवाइस पर iOS 13 स्थापित नहीं किया है, लेकिन मैं iOS 13 सिम्युलेटर पर Xcode-10 में बनाए गए एप्लिकेशन इंस्टॉल करके आइटम # 1 का परीक्षण कर सकता हूं।
मैं अभी भी बिंदु 2 पर काम कर रहा हूं, लेकिन इसी तरह की खोज करने वाले अन्य डेवलपर्स से मेरे प्रारंभिक परीक्षण और पढ़ने के ट्वीट के आधार पर, मैंने अपने अनुप्रयोगों में व्यवहार के कई बदलाव पाए जब Xcode 11 के साथ निर्माण किया। मेरे पास देखने और जानकारी के लिए बहुत सारे वीडियो हैं। आत्मसात, लेकिन इस पोस्ट में मैं iOS 13 में UIViewController की प्रस्तुति में तुरंत ध्यान देने योग्य और संभावित विनाशकारी परिवर्तनों पर ध्यान देना चाहता हूं।

डिफ़ॉल्ट मोडल प्रस्तुति शैली बदलें

डिफ़ॉल्ट रूप से, एक मोडल प्रस्तुति अब एक "पृष्ठ" (मूल पृष्ठ पत्रक) है, बजाय एक पूर्ण स्क्रीन के। modalPresentationStyle लिए दस्तावेज़ पढ़ता है:

डिफ़ॉल्ट iOS के लिए UIModalPresentationAutomatic है, जो iOS 13.0 से शुरू होता है, और पिछले संस्करणों में UIModalPresentationFullScreen है।
डिफ़ॉल्ट रूप से, UIViewController, यदि modalPresentationStyle को modalPresentationStyle के रूप modalPresentationStyle सेट किया गया है, UIModalPresentationPageSheet का उपयोग करता है, लेकिन सिस्टम नियंत्रक UIModalPresentationAutomatic के लिए अन्य प्रदर्शन शैलियों का उपयोग कर सकते हैं।

इस परिवर्तन के प्रभाव iPhone और iPad के लिए अलग-अलग हैं।

IPhone पर मोडल प्रस्तुति

जब तक UIAdaptivePresentationControllerDelegate पद्धति का उपयोग अनुकूलन को रोकने के लिए किया जाता है, तब तक iPhone पर पेज शीट, फॉर्म शीट और UIAdaptivePresentationControllerDelegate की प्रस्तुति शैलियों को पूर्ण स्क्रीन के लिए अनुकूलित किया जाता है। उदाहरण के लिए, सेटिंग्स स्क्रीन को फॉर्म शीट की शैली में प्रस्तुत किया जा सकता है, ताकि यह आईफोन पर पूर्ण स्क्रीन मोड में और आईपैड पर कम रूप में प्रदर्शित हो। तकनीकी रूप से, उपस्थिति / अनुकूलन चौड़ाई पर निर्भर करता है। लैंडस्केप iPhone प्लस और XS मैक्स डिवाइसों पर पेज शीट / फॉर्म शीट / पॉपओवर प्रस्तुतियां पूरी स्क्रीन को कवर नहीं करती हैं क्योंकि उनके पास सामान्य चौड़ाई है। IPad की उपस्थिति स्लाइड के आकार और मल्टीटास्किंग मोड पर निर्भर करती है।
निम्न स्क्रीनशॉट तीन मामलों के लिए iPhone XS पर फॉर्म शीट प्रस्तुति दिखाते हैं: iOS 12 के लिए Xcode 10 में निर्माण, iOS 13 के लिए Xcode 10 में निर्माण, iOS 13 के लिए Xcode 11 में निर्माण।

पूर्ण स्क्रीन दृश्य में Xcode 10 के परिणाम के लिए iOS 13 के साथ iOS 12 की बैकवर्ड संगतता। शीर्षक के अभाव में पहले सेक्शन के ऊपर के स्थान को छुपाने के लिए iOS 13 में समूहीकृत UITableView की शैली बदल गई है। यहां तक कि Xcode 10 / iOS 12 का निर्माण iOS 13 पर लॉन्च होने पर अलग तरह से व्यवहार करता है, जो कि मुझे उम्मीद नहीं थी।
आईओएस 13 में सबसे बड़ा बदलाव, ज़ाहिर है, कार्ड डिस्प्ले (मूल। कार्ड जैसी उपस्थिति) है। UIViewController का आकार कम हो गया है, और इसका शीर्ष अभी भी नए पेश किए गए UIViewController के पीछे थोड़ा दिखाई देता है। रूट UIViewController के पीछे UIWindow भी थोड़ा दिखाई देता है। UIWindow की काली पृष्ठभूमि डिफ़ॉल्ट रूप से बहुत अच्छी लगती है, विशेषकर एक notch वाले उपकरणों पर। मेरे कुछ एप्लिकेशन यूआईवॉन्डो बैकग्राउंड को व्हाइट में सेट करते हैं (उन कारणों के लिए जो मुझे अब याद नहीं हैं), और यह बहुत बदसूरत लग रहा था। मैंने जल्दी से इसे ठीक कर दिया!

नई मोडल प्रदर्शन शैली में UIViewController व्यवहार

यदि प्रस्तुत UIViewController एक और UIViewController दिखाता है, तो कार्ड एक अच्छे एनीमेशन के साथ ओवरलैप होते हैं। ध्यान दें कि केवल अंतिम UIViewController दिखाया गया है और पिछले एक छोटे से दिखाई दे रहे हैं:

व्यवहार में एक और संभावित महत्वपूर्ण अंतर यह है कि दिखाने के लिए क्या होता है (मूल प्रस्तुति) UIViewController। एक पूर्ण-स्क्रीन प्रस्तुति (पूर्ण स्क्रीन प्रस्तुति) जो पूरी तरह से UIViewController को कवर करती है, UIViewController को पदानुक्रम से हटा देगी। लेकिन नए कार्ड प्रस्तुति के मामले में, UIViewController पदानुक्रम में रहना चाहिए क्योंकि यह अभी भी दिखाई दे रहा है। हालाँकि, हालांकि उपयोगकर्ता एक समय में केवल दो UIViewController देख सकते हैं, बार-बार UIViewController प्रदर्शित करने से पदानुक्रम से निचले UIViewController को हटाया नहीं जाता है।

आकार बदलने

नए कार्ड-स्टाइल की उपस्थिति का अर्थ है कि दिखाया गया UIViewController iOS 13 पर उतना लंबा नहीं है जितना कि iOS 12 पर है:

मुझे एक पूर्ण स्क्रीन चाहिए!

UIViewController को फुल स्क्रीन मोड में प्रदर्शित करने का एक स्पष्ट अनुरोध कार्ड-स्टाइल स्क्रीन को दिखाने से रोकेगा। हालांकि, यह iPad पर एप्लिकेशन के व्यवहार को बाधित कर सकता है। कृपया डिवाइस मुहावरे की जांच करने और iPhone और iPad के लिए एक अलग प्रस्तुति शैली का उपयोग करने के लिए परीक्षा न करें। यदि पिछले कुछ वर्षों ने हमें कुछ सिखाया है, तो यह है कि हमें डिवाइस के प्रकार या स्क्रीन आकार के आधार पर धारणाएं नहीं बनानी चाहिए। यदि आप चाहते हैं कि iPad पृष्ठ / प्रपत्र शीट प्रदर्शित करे, लेकिन iPhone में पूर्ण स्क्रीन है, तो आप कॉम्पैक्ट चौड़ाई स्थितियों में पूर्ण-स्क्रीन मोड के अनुकूल होने के लिए UIAdaptivePresentationControllerDelegate का उपयोग कर सकते हैं।

IPad पर मोडल प्रस्तुति

फॉर्म शीट

फॉर्म शीट शैली में दिखाए गए स्क्रीन iOS 13 में अपरिवर्तित रहते हैं:

पृष्ठ पत्रक

जैसा कि ऊपर बताया गया है, iOS 13 में डिफ़ॉल्ट modalPresentationStyle अब एक पेज शीट है। IPad पर, इस शैली में UIViewController का आकार चित्र और परिदृश्य अभिविन्यास दोनों में बदल गया है:

IOS 12 में, "पठनीय सामग्री" (मूल पठनीय सामग्री आकार) पर प्रतिबंध सामग्री आकार श्रेणी (मूल सामग्री आकार श्रेणी) को बदलते समय इसका आकार बदलता है। कुछ सामग्री आकार श्रेणियों में iOS 12 और 13 पर वास्तविक आकार भिन्न होता है।
UIViewController खुद को पेज शीट की शैली में प्रस्तुत करता है, सामग्री आकार श्रेणी में वृद्धि के साथ iOS 13 पर भी बढ़ता है। यहां श्रेणी "अतिरिक्त अतिरिक्त अतिरिक्त बड़ी है" (अधिकतम पहुंच आकारों को शामिल किए बिना उपलब्ध अधिकतम आकार):

अन्य प्रकार की प्रस्तुति

modalPresentationStyle लिए दस्तावेज़ पढ़ता है:

डिफ़ॉल्ट रूप से, UIViewController UIModalPresentationAutomatic को UIModalPresentationPageSheet के रूप में परिभाषित करता है, लेकिन अन्य सिस्टम नियंत्रक UIModalPresentation.utomatic को अलग तरीके से परिभाषित कर सकते हैं।

मैं "बाकी सिस्टम नियंत्रकों" के लिए सभी नियमों के बारे में 100% निश्चित नहीं हूं, लेकिन मैंने पाया कि modalPresentationStyle को स्थापित किए बिना स्प्लिट स्क्रीन के साथ एक UIViewController दिखाने से कार्ड-वाइड दृश्य मिलता है:

खारिज करने के लिए स्वाइप करें

एक और महत्वपूर्ण परिवर्तन जो आईफोन और आईपैड दोनों को प्रभावित करता है वह यह है कि सामान्य रूप से प्रस्तुत स्क्रीन जो फुल-स्क्रीन मोड में नहीं हैं (पॉप-अप को छोड़कर) नीचे स्वाइप करके इंटरएक्टिव रूप से बंद की जा सकती हैं। इस समय, पीछे की स्क्रीन पूर्ण स्क्रीन मोड में वापस आ जाती है:

ध्यान दें कि इस उदाहरण में, मैंने सेटिंग्स स्क्रीन के UINavigationController में "अबाउट" स्क्रीन रखी। हालांकि UINavigationController ने अपने मूल नियंत्रक को प्रदर्शित नहीं किया, लेकिन इंटरैक्टिव क्लोजर संभव था।

कृपया मुझे मत मारो!

यदि आप समाप्त बटन (या इसी तरह के बटन) पर क्लिक करने के लिए उपयोगकर्ता पर भरोसा करते हैं या UIViewController को बंद करने के लिए नेविगेशन नियंत्रक स्टैक के शीर्ष पर वापस कूदते हैं, तो आमतौर पर दिखाया गया नया स्वाइप व्यवहार आपके एप्लिकेशन को बंद कर सकता है क्योंकि आपका स्क्रीन हैंडलर नहीं करता है निष्पादित किया जाएगा।
उदाहरण के लिए, मेरे पोमोडोरो टाइमर पम्मी एप्लिकेशन में, उपयोगकर्ता सेटिंग स्क्रीन पर एक उप-स्क्रीन पर जा सकता है और एक टाइमर प्रोफ़ाइल को जोड़ सकता है या संपादित कर सकता है (एक विशेष प्रकार के कार्य के लिए कार्य / ब्रेक अवधि के लिए कॉन्फ़िगरेशन):

पम्मी के मामले में, मुझे लगता है कि यह सामान्य (और सुरक्षित) है अगर उपयोगकर्ता स्वाइप के साथ पूरी सेटिंग स्क्रीन को बंद कर देता है। उपयोगकर्ताओं को शायद उम्मीद होगी कि वे स्क्रीन को एक बार में बंद कर सकते हैं, और मैं चाहता हूं कि मेरे एप्लिकेशन iOS 13 में सही ढंग से काम करें। हालांकि, मुझे लगता है कि "जोड़ें / बदलें टाइमर प्रोफ़ाइल" स्क्रीन पर, आप उपयोगकर्ता को स्वाइप करके स्क्रीन को बंद नहीं कर सकते, के रूप में परिवर्तन के नुकसान का खतरा है। यह उपयोगकर्ता के लिए पूरी तरह से स्पष्ट नहीं हो सकता है कि इस तरह के करीबी के बाद क्या होगा।
इस समस्या को ठीक करने का एक हिस्सा नया UIViewController: isModalInPresentation । प्रलेखन से:

modalInPresentation सेट है जब आप स्क्रीन को मोडल बनाना चाहते हैं। जब यह विकल्प सक्षम हो जाता है, तो प्रस्तुति संवादात्मक समापन को रोक देगी और UIViewController की सीमाओं के बाहर की घटनाओं को अनदेखा कर देगी जब तक कि यह पैरामीटर NO पर सेट न हो।

IOS 13 पर मेरी सेटिंग्स स्क्रीन के लिए iOS 12 के समान व्यवहार प्राप्त करने के लिए, मैं केवल isModalInPresentation दिखाए गए UINavigationController की isModalInPresentation संपत्ति के लिए सही सेट कर सकता हूं। यदि उपयोगकर्ता इसे बंद करने के लिए नीचे स्वाइप करने का प्रयास करता है, तो स्क्रीन थोड़ा बदलाव करेगी, लेकिन उपयोगकर्ता के कार्यों का विरोध करेगी और बंद नहीं होगी।
संपत्ति को किसी भी समय बदला जा सकता है ताकि आप कर सकते हैं, उदाहरण के लिए, बंद करने की अनुमति दें यदि उपयोगकर्ता ने अभी तक परिवर्तन नहीं किया है जो खो जाएगा यदि उसने स्पष्ट रूप से उन्हें बचाया नहीं है। लेकिन एक बार परिवर्तन करने के बाद, आप स्वाइप करके क्लोजर को रोकने के लिए isModalInPresentation सेट कर सकते हैं। यह उपयोगकर्ता को "रद्द करें" या "सहेजें" बटन पर क्लिक करने के लिए मजबूर करेगा।

बंद पहचान

जैसा कि पहले उल्लेख किया गया है, कुछ अनुप्रयोगों को कुछ कोड को निष्पादित करने की आवश्यकता हो सकती है जब संशोधित UIViewController रद्द, समाप्त, या सहेजें बटन (केवल इसे बंद करने के अलावा) का उपयोग करके बंद कर देता है। उदाहरण के लिए, आपको गेम में टाइमर को पुनरारंभ करने या उपयोगकर्ता द्वारा बदले गए कुछ जानकारी के आधार पर कार्य करने की आवश्यकता हो सकती है। यदि उपयोगकर्ता स्क्रीन को स्वाइप करके बंद करता है तो इस कोड को निष्पादित नहीं किया जाएगा। आपका बटन दबाया नहीं गया है, इसलिए इसके एक्शन हैंडलर को नहीं बुलाया जाएगा। यह आपके आवेदन के व्यवहार को बाधित कर सकता है।
इस समस्या से बचने का सबसे आसान तरीका यह है कि isModalInPresentation का उपयोग करके इंटरएक्टिव क्लोजर को रोका जाए। उपयोगकर्ता को व्यू कंट्रोलर को बंद करने के लिए एक बटन दबाना होगा, जैसा कि आईओएस 13. से पहले था लेकिन एक और तरीका है ...
iOS 13 कुछ नए UIAdaptivePresentationControllerDelegate तरीके जोड़ता है। वे एक अन्य ऑब्जेक्ट (आमतौर पर एक स्क्रीन जो सामान्य रूप से एक और स्क्रीन दिखाते हैं) को नियंत्रित करने की अनुमति देते हैं कि क्या इंटरैक्टिव समापन की अनुमति है ( isModalInPresentation का उपयोग करने का एक विकल्प), और एक इंटरैक्टिव समापन शुरू होने या समाप्त होने के बारे में जानकारी प्राप्त करने के लिए। इन तरीकों को अच्छी तरह से प्रलेखित किया गया है और डब्ल्यूडब्ल्यूडीसी 2019 224 में स्पष्ट रूप से समझाया गया है : आईओएस 13 के लिए आपका यूआई आधुनिकीकरण , 15 वें मिनट से शुरू होता है। कृपया ध्यान दें कि यदि उपयोगकर्ता बंद करने के लिए स्वाइप करना शुरू कर देता है, तो अपना दिमाग बदल देता है और फिर दोबारा स्वाइप करता है। presentationControllerDidDismiss विधि में, आपको अतिरिक्त कोड निष्पादित करने की आवश्यकता है, जिसे "रद्द करें", "समाप्त" या "सहेजें" बटन दबाया जाता है (बेशक, आपको दिखाए गए स्क्रीन को बंद करने की आवश्यकता नहीं है)। यदि UIViewController प्रोग्रामेटिक रूप से बंद है, तो इन विधियों को नहीं बुलाया जाएगा। इसलिए, आपको अभी भी अपने कोड को बटन हैंडलर (या अपने स्वयं के प्रतिनिधि) में निष्पादित करना होगा, जो iOS 13 पर काम करते समय भी बंद होने का कारण बनता है।
आइए presentationControllerDidAttemptToDismiss हैंकंट्रोलरडीडएट्टीप्टटोडिस्मिस डेलिगेट मेथड। यह कहा जाएगा कि उपयोगकर्ता बंद करने के लिए स्वाइप करने की कोशिश करता है, लेकिन isModalInPresentation के परिणामस्वरूप लॉकिंग लॉक होता है। डब्ल्यूडब्ल्यूडीसी के साथ वीडियो में इस सवाल के साथ कार्यों की एक सूची दिखाना प्रस्तावित है कि क्या उपयोगकर्ता परिवर्तनों को छोड़ना चाहता है या उन्हें बचाना चाहता है। यह एक बहुत अच्छे विचार की तरह प्रतीत होता है यदि दिखाए गए UIViewController में कैंसिल और सेव / डोन बटन हैं: एक नया नोट बनाएं, ऑब्जेक्ट के गुणों को संपादित करें, आदि।
मुझे लगता है कि रद्द और सहेजें बटन के साथ नेविगेशन स्टैक में नेस्टेड UIViewController के लिए, यह अधिक जटिल है। सेव करने के लिए कोड संभवत: UIViewController में है, जो स्टैक में एक स्तर अधिक है, और उस ऑब्जेक्ट में नहीं है जो UIAdaptivePresentationControllerDelegate लागू करता है। उपयोगकर्ता के चयन को किसी ऐसी वस्तु में पुनर्निर्देशित करने की कोशिश करना जो बचत कर सकती है, पूरी तरह से उपयुक्त नहीं हो सकती है। अपने स्वयं के अनुप्रयोगों में, मुझे लगता है कि मैं केवल उन स्क्रीन के समापन को अवरुद्ध करता हूं जिनके लिए एक स्पष्ट पूर्ववत करना / सहेजना आवश्यक है यदि वे नेविगेशन स्टैक के शीर्ष पर नहीं हैं।

साधन

WWDC 2019 वीडियो आईओएस 13 में क्या बदल गया है, यह पता लगाने के लिए सबसे अच्छी जगह होगी, आपको अपने अनुप्रयोगों में क्या बदलाव करने की आवश्यकता है ताकि वे Xcode 11 में निर्माण करते समय सही ढंग से काम करें, और नए का लाभ उठाने के लिए आप उनमें क्या बदलाव कर सकते हैं कार्य करता है। आपको आरंभ करने के लिए यहां कुछ वीडियो दिए गए हैं:

निष्कर्ष

अब तक, मुझे iOS 13 के तहत Xcode 10 में बनाए गए मेरे अनुप्रयोगों के साथ कोई समस्या नहीं मिली है। पिछड़ी संगतता वास्तव में यहाँ काम करती है। मैं एक समूह तालिका की उपस्थिति में बदलाव देखकर थोड़ा हैरान था।
Xcode 11 बनाता है इस पोस्ट में चर्चा की गई मॉडल अभ्यावेदन के परिवर्तनों से निपटने के लिए कुछ मामूली सुधार की आवश्यकता है। शायद ऐसे बदलाव होंगे जो मैंने अभी तक नहीं खोजे हैं।
अच्छी तरह से (विशेष रूप से खोज सलाखों के साथ) अपने मॉडल प्रस्तुतियों का परीक्षण करें! तय करें कि क्या आप उपयोगकर्ता को स्वाइप करने के साथ मोडल स्क्रीन को बंद करने की अनुमति देना चाहते हैं, और गलत स्वाइपिंग के कारण आकस्मिक डेटा हानि को रोकने के लिए आवश्यक व्यवहार प्राप्त करने के लिए उपयोग करें isModalInPresentation । अधिक लचीलेपन और नियंत्रण के लिए, UIAdaptivePresentationControllerDelegate उपयोग करें।

IOS 13 में मोडल मोडल स्क्रीन प्रेजेंटेशन