iOS 11 और iOS 12 पर चलने वाला Drag & Drop तंत्र रेखीय रूप से अतुल्यकालिक रूप से प्रतिलिपि बनाने या एक अनुप्रयोग के भीतर और विभिन्न अनुप्रयोगों के बीच डेटा स्थानांतरित करने का एक तरीका है। यद्यपि यह तकनीक लगभग 30 साल पुरानी है, यह इस तथ्य के कारण iOS पर "सफलता" तकनीक बन गया है कि जब iOS पर कुछ खींचते हैं, तो multitouch आपको बाकी सिस्टम के साथ स्वतंत्र रूप से बातचीत करने और विभिन्न अनुप्रयोगों से रीसेट के लिए डेटा एकत्र करने की अनुमति देता है।

iOS एक साथ कई तत्वों को कैप्चर करना संभव बनाता है। इसके अलावा, उन्हें चयन के लिए एक सुविधाजनक पहुंच में नहीं होना चाहिए: आप पहली वस्तु ले सकते हैं, फिर किसी अन्य एप्लिकेशन पर जाएं और कुछ और पकड़ लें - सभी वस्तुओं को आपकी उंगली के नीचे "ढेर" में एकत्र किया जाएगा। फिर स्क्रीन पर यूनिवर्सल डॉक को कॉल करें, वहां किसी भी एप्लिकेशन को खोलें और तीसरे ऑब्जेक्ट को कैप्चर करें, और फिर चल रहे एप्लिकेशन के साथ स्क्रीन पर जाएं और ऑब्जेक्ट्स को रिहा किए बिना, उन्हें खुले कार्यक्रमों में से एक में डंप करें। iPad पर iPhone पर कार्रवाई की स्वतंत्रता संभव है, iOS में Drag & Drop कवरेज केवल एक एप्लिकेशन के ढांचे तक सीमित है।

अधिकांश लोकप्रिय एप्लिकेशन ( Safary , Chrome , IbisPaint X , Mail , Photos , Files , आदि) में पहले से ही एक Drag & Drop तंत्र है। इसके अलावा, Apple ने डेवलपर्स को आपके एप्लिकेशन में Drag & Drop तंत्र को एम्बेड करने के लिए एक बहुत ही सरल और सहज API प्रदान किया। Drag & Drop मैकेनिज्म, जेस्चर की तरह ही काम करता है, यूआईवीवाई पर काम करता है और इंटरसेप्ट की अवधारणा का उपयोग करता है, थोड़े इशारों की तरह, इसलिए आप Drag & Drop मैकेनिज्म को वास्तव में शक्तिशाली इशारे के रूप में सोच सकते हैं।

यह, साथ ही साथ इशारों, अपने आवेदन में एकीकृत करने के लिए बहुत आसान है। खासकर यदि आपका एप्लिकेशन UITableView तालिका या UICollectionView संग्रह का उपयोग करता है, क्योंकि उनके API Drag & Drop सुधार किया जाता है और इस अर्थ में अमूर्तता के उच्च स्तर तक उठाया जाता है कि Collection View संग्रह ही आपको संग्रह तत्व के अनुक्रमित के साथ मदद करता है जिसे आप खींचें और छोड़ना चाहते हैं Drag । वह जानती है कि आपकी उंगली कहां है और इसे उस संग्रह तत्व के इंडेक्सपाथ के रूप में व्याख्या करता है जिसे आप "खींच रहे हैं" इस समय Drag , या संग्रह तत्व के इंडेक्सपाथ के रूप में जहां आप "ड्रॉपिंग" कर रहे हैं कुछ Drop । इसलिए Collection View संग्रह आपको IndexPath के साथ आपूर्ति करता है, लेकिन अन्यथा यह एक नियमित UIView के लिए API Drag & Drop के समान है।

iOS पर Drag & Drop प्रक्रिया के 4 अलग-अलग चरण हैं:

लिफ्ट (उठाने)

लिफ्ट (उठाना) - यह तब होता है जब उपयोगकर्ता एक लंबा प्रेस इशारे करता है, जो उस तत्व का संकेत देता है जो "खींचें और गिराएगा।" इस समय, संकेतित तत्व का एक बहुत हल्का तथाकथित " lift preview " बनता है, और फिर उपयोगकर्ता अपनी उंगलियों को खींचना शुरू कर देता है।

खींचें (खींचें और छोड़ें)

खींचें (खींचें और छोड़ें) - यह तब होता है जब उपयोगकर्ता ऑब्जेक्ट को स्क्रीन की सतह पर ले जाता है। इस चरण के दौरान, इस ऑब्जेक्ट के लिए " lift preview " को संशोधित किया जा सकता है (एक हरा "+" प्लस चिह्न या अन्य चिह्न दिखाई देता है) ...



... सिस्टम के साथ कुछ इंटरैक्शन की भी अनुमति है: आप किसी अन्य ऑब्जेक्ट पर क्लिक कर सकते हैं और इसे वर्तमान "ड्रैग एंड ड्रॉप" सत्र में जोड़ सकते हैं:

ड्रॉप (छोड़ने)

ड्रॉप तब होता है जब उपयोगकर्ता एक उंगली उठाता है। इस समय, दो चीजें हो सकती हैं: या तो Drag ऑब्जेक्ट नष्ट हो जाएगा, या Drop ऑब्जेक्ट को गंतव्य पर "गिरा" दिया जाएगा।

डेटा ट्रांसफर

यदि ड्रैग " ड्रैग एंड ड्रॉप" प्रक्रिया को रद्द नहीं किया गया और " ड्रॉप " रीसेट हो गया, तो डेटा ट्रांसफर (डेटा ट्रांसफर) होता है, जिस पर "ड्रॉप पॉइंट" "स्रोत" से डेटा का अनुरोध करता है, और एसिंक्रोनस डेटा ट्रांसफर होता है।

इस ट्यूटोरियल में, हम आपको दिखाते हैं कि स्टैनफोर्ड के होमवर्क कोर्स CS193P से ली गई छवि गैलरी डेमो एप्लिकेशन का उपयोग करके आसानी से अपने iOS ऐप में Drag & Drop तंत्र को कैसे एकीकृत किया जा सकता है।
हम Collection View स्वयं OUTSIDE के साथ स्वयं को भरने Collection View क्षमता के साथ, साथ ही Drag & Drop तंत्र का उपयोग करके INSIDE तत्वों को पुनर्गठित करेंगे। इसके अलावा, इस तंत्र का उपयोग Collection View अनावश्यक तत्वों को "कचरा कर सकते हैं" में डंप करने के लिए किया जाएगा, जो कि एक सामान्य UIView है और इसे नेविगेशन पैनल के एक बटन द्वारा दर्शाया गया है। हम Drag & Drop तंत्र का उपयोग करके हमारी गैलरी में एकत्र की गई छवियों को अन्य अनुप्रयोगों के साथ भी साझा कर सकते हैं, उदाहरण के लिए, Notes या Notes या Mail या फोटो लाइब्रेरी ( Photo )।

लेकिन "इमेज गैलरी" डेमो एप्लिकेशन में Drag & Drop तंत्र के कार्यान्वयन पर ध्यान केंद्रित करने से पहले, मैं इसके मुख्य घटकों के माध्यम से बहुत संक्षेप में बताऊंगा।

"छवि गैलरी" डेमो आवेदन की विशेषताएं

इमेज गैलरी एप्लिकेशन का यूजर इंटरफेस ( UI ) बहुत सरल है। यह एक "स्क्रीन स्निपेट" है जो Image Gallery Collection View Controller को Navigation Controller में डाला गया है:



एप्लिकेशन का मध्य भाग निश्चित रूप से Image Gallery Collection View Controller , जो कि इमेज गैलरी मॉडल के साथ एक वेरिएबल वेरिएंट इमेज इमेज के रूप में समर्थित है।



मॉडल को एक इमेज इमेजेज संरचना द्वारा दर्शाया गया है, जिसमें इमेज इमेज की एक सरणी होती है, जिसमें प्रत्येक इमेज को एक स्ट्रक्चर इमेजमॉडल स्ट्रक्चर द्वारा वर्णित किया जाता है, जिसमें इमेज लोकेशन यूआरएल का URL होता है (हम खुद इमेज को स्टोर नहीं करते हैं) और इसका आस्पेक्ट रेश्यो:



हमारा ImageGalleryCollectionViewController डेटा स्रोत प्रोटोकॉल लागू करता है:



सेल संग्रह में कस्टम सेल में एक छवि दृश्य छवि होती है : UIImageView! और स्पिनर गतिविधि सूचक : UIActivityIndicatorView! और UICollectionViewCell वर्ग के कस्टम subclass ImageCollectionViewCell द्वारा समर्थित है:



ImageCollectionViewCell वर्ग का Public API इमेजुरल इमेज यूआरएल है । जैसे ही हम इसे स्थापित करते हैं, हमारा UI अपडेट हो जाता है, अर्थात, छवि के लिए डेटा को इस इमेजुरल पर एसिंक्रोनस रूप से चुना जाता है और सेल में प्रदर्शित किया जाता है। जबकि डेटा नेटवर्क से पुनर्प्राप्त किया जा रहा है, स्पिनर गतिविधि संकेतक काम कर रहा है, यह दर्शाता है कि हम डेटा प्राप्त करने की प्रक्रिया में हैं।

मैं किसी दिए गए URL पर डेटा प्राप्त करने के लिए सेवा तर्क की qos गुणवत्ता के साथ वैश्विक कतार (qos: .userInitiated) का उपयोग करता हूं, जो .userInitiated पर सेट है क्योंकि मैं उपयोगकर्ता के अनुरोध पर डेटा का चयन करता हूं:



जब भी आप किसी क्लोजर के अंदर अपने स्वयं के चर का उपयोग करते हैं, तो हमारे मामले में यह imageView और imageURL है , संकलक आपको उनके सामने स्वयं को रखने के लिए मजबूर करता है । ताकि आप खुद से पूछें: "क्या कोई" मेमोरी साइक्लिक लिंक "है?" हमारे पास यहां एक स्पष्ट " memory cycle " नहीं है, क्योंकि स्वयं को इस बंद करने के लिए एक संकेतक नहीं है।

हालांकि, मल्टीथ्रेडिंग के मामले में, आपको यह ध्यान में रखना चाहिए कि Collection View में कोशिकाएं dequeueReusableCell विधि के लिए पुन: प्रयोज्य हैं। हर बार स्क्रीन पर एक सेल (नया या पुन: उपयोग किया गया) दिखाई देता है, छवि को नेटवर्क से अतुल्यकालिक रूप से डाउनलोड किया जाता है (इस समय स्पिनर गतिविधि संकेतक का " स्पिनर " कताई है)।

जैसे ही डाउनलोड पूरा हो जाता है और छवि प्राप्त हो जाती है, इस संग्रह सेल का UI अपडेट हो जाता है। लेकिन हम छवि को लोड होने का इंतजार नहीं करते हैं, हम संग्रह के माध्यम से स्क्रॉल करना जारी रखते हैं और हमने जो संग्रह सेल चिह्नित किया है वह हमारे UI को अपडेट किए बिना स्क्रीन को छोड़ देता है। हालांकि, एक नई छवि नीचे दिखाई देनी चाहिए और स्क्रीन छोड़ दी गई उसी सेल का पुन: उपयोग किया जाएगा, लेकिन एक अन्य छवि के लिए, जो जल्दी से UI लोड और अपडेट कर सकती है। इस समय, इस सेल में पहले से लोड की गई छवि वापस आ जाएगी और स्क्रीन अपडेट हो जाएगी, जिससे गलत परिणाम आएगा। ऐसा इसलिए है क्योंकि हम अलग-अलग चीजें चलाते हैं जो अलग-अलग थ्रेड्स में नेटवर्क के साथ काम करते हैं। वे अलग-अलग समय पर वापस आते हैं।

हम स्थिति को कैसे ठीक कर सकते हैं?
हमारे द्वारा उपयोग किए जाने वाले GCD तंत्र के ढांचे के भीतर, हम स्क्रीन को छोड़ने वाले सेल की छवि को डाउनलोड को रद्द नहीं कर सकते हैं, लेकिन हम कर सकते हैं, जब हमारा इमेज डेटा डेटा नेटवर्क से आता है, तो URL यूआरएल की जाँच करें जो इस डेटा को लोड करने का कारण बनी और इसकी तुलना उस उपयोगकर्ता से करना चाहती है जो उपयोगकर्ता के पास है इस समय यह सेल, अर्थात् इमेजुरल । यदि वे मेल नहीं खाते हैं, तो हम UI सेल को अपडेट नहीं करेंगे और हमें आवश्यक छवि डेटा की प्रतीक्षा करेंगे:



यह कोड url == self.imageURL की बेतुकी रेखा प्रतीत होती है, एक बहु-थ्रेडेड वातावरण में सब कुछ सही ढंग से काम करता है जिसके लिए एक गैर-मानक कल्पना की आवश्यकता होती है। तथ्य यह है कि मल्टी-थ्रेडेड प्रोग्रामिंग में कुछ चीजें कोड लिखे जाने की तुलना में एक अलग क्रम में होती हैं।

यदि छवि डेटा का चयन करना संभव नहीं था, तो एक छवि स्ट्रिंग "त्रुटि" के रूप में एक त्रुटि संदेश और "frown" के साथ एक इमोजी के साथ उत्पन्न होती है। हमारे Collection View में बस खाली जगह उपयोगकर्ता को थोड़ा भ्रमित कर सकती है:



हम नहीं चाहेंगे कि त्रुटि संदेश के साथ छवि इस त्रुटि छवि के पहलू अनुपात को दोहराए, क्योंकि इस मामले में इमोजी के साथ पाठ को बढ़ाया या संपीड़ित किया जाएगा। हम चाहेंगे कि यह तटस्थ - वर्गीय हो, यानी इसमें 1.0 के करीब पहलू अनुपात होगा।



हमें इस इच्छा के बारे में अपने Controller को सूचित करना चाहिए ताकि वह अपने इमेजगैलरी मॉडल में संबंधित इंडेक्सपथ के लिए पहलू अनुपात को सही करे । यह एक दिलचस्प काम है, इसे हल करने के कई तरीके हैं, और हम उनमें से सबसे आसान का चयन करेंगे - वैकल्पिक क्लोजर var closeAspectRatio का उपयोग करते हुए : () (> - शून्य)? । यह शून्य के बराबर हो सकता है और यदि यह आवश्यक नहीं है तो इसे स्थापित करने की आवश्यकता नहीं है:



क्लोजर changeAspectRatio बुलाते समय? () गलत डेटा लाने के मामले में, मैं वैकल्पिक श्रृंखला का उपयोग करता हूं। अब कोई भी व्यक्ति जो किसी प्रकार की सेटिंग्स में रुचि रखता है जब एक गलत छवि प्राप्त करता है, तो यह कुछ विशिष्ट को बंद कर सकता है। और यह वही है जो हम अपने Controller में cellForItemAt मेथड में करते हैं:



विवरण यहाँ पाया जा सकता है ।

सही पहलू के साथ छवियों को प्रदर्शित करने के लिए, UICollectionViewDelegateFlowLayout प्रतिनिधि के sizeForItemAt विधि का उपयोग किया जाता है :



हमारे UI पर, Collection View छवि Collection View अलावा UI हमने एक कस्टम Bar Button साथ नेविगेशन पैनल पर एक Bar Button रखा जिसमें एक सबव्यू के रूप में "कचरा कर सकते हैं"



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



सेटअप () विधि में, मैं Bar Button के मानक Bar Button से ली गई "कचरा कैन " की छवि के साथ एक सबव्यू के रूप में myButton भी जोड़ता हूं :



मैंने गारबेज व्यू के लिए एक पारदर्शी पृष्ठभूमि निर्धारित की है:



कचरे का आकार और उसकी स्थिति UIView वर्ग के लेआउटसुब्यू () विधि में निर्धारित की जाएगी, जो दिए गए UIView की सीमा के आधार पर है:



यह "इमेज गैलरी" डेमो एप्लिकेशन का प्रारंभिक संस्करण है, यह ImageGallery_beginning फ़ोल्डर में ImageGallery_beginning पर स्थित है। यदि आप "छवि गैलरी" एप्लिकेशन के इस संस्करण को चलाते हैं, तो आपको परीक्षण डेटा पर काम करने वाले एप्लिकेशन का परिणाम दिखाई देगा, जिसे हम बाद में हटा देंगे और "छवि गैलरी" को विशेष रूप से भर देंगे:



हमारे आवेदन में Drag & Drop तंत्र को लागू करने की योजना इस प्रकार है:

1. सबसे पहले, हम अपने Collection View को "ड्रैग" करने Collection View क्षमता के Collection View देखेंगे, इसे UIImage इमेज से बाह्य और स्थानीय रूप से Drag ।
2. तब हम अपने संग्रह के Collection View को "ड्रैग" को स्वीकार करने के लिए छवियों को देखेंगे, बाहरी रूप से या स्थानीय रूप से UIImage से Drag ,
3. हम कचरा संग्रहण बटन के साथ अपना कचरा व्यू भी सिखाएंगे, स्थानीय Collection View से खींची गई UIImage छवियों को स्वीकार करने के लिए और Collection View से उन्हें हटा दें

यदि आप इस ट्यूटोरियल के अंत में जाते हैं और सभी आवश्यक कोड परिवर्तनों को पूरा करते हैं, तो आपको "इमेज गैलरी" डेमो एप्लिकेशन का अंतिम संस्करण प्राप्त होगा, जिसमें Drag & Drop तंत्र लागू किया गया है। यह ImageGallery_finished फ़ोल्डर में Github पर स्थित है।

आपके Collection View में Drag & Drop तंत्र का प्रदर्शन दो नए प्रतिनिधियों द्वारा प्रदान किया गया है।
पहले प्रतिनिधि के तरीके , DragDelegate को ड्रैग और ड्रॉप ड्रैग्स को इनिशियलाइज़ और कस्टमाइज़ करने के लिए कॉन्फ़िगर किया गया है।
दूसरे प्रतिनिधि के तरीके, ड्रॉपडेलगेट , ड्रैग के ड्रॉप और ड्रॉप को पूरा करते हैं और, मूल रूप से, Drop रीसेट होने पर डेटा Data transfer और कस्टम एनीमेशन सेटिंग्स प्रदान करते हैं, साथ ही साथ अन्य समान चीजें भी।

यह ध्यान रखना महत्वपूर्ण है कि ये दोनों प्रोटोकॉल पूरी तरह से स्वतंत्र हैं। आप एक या दूसरे प्रोटोकॉल का उपयोग कर सकते हैं, यदि आपको केवल "ड्रैग" Drag या केवल "ड्रॉप" Drop , लेकिन आप एक ही बार में दोनों प्रोटोकॉल का उपयोग कर सकते हैं और Drag और "ड्रॉप" Drop , जो अतिरिक्त कार्यक्षमता को खोलता है। अपने Collection View में आइटमों को पुनः व्यवस्थित करने के लिए तंत्र को Drag & Drop ।

ड्रैग एंड ड्रॉप Drag एलिमेंट्स फ्रॉम Collection View

Drag प्रोटोकॉल को लागू करना बहुत सरल है, और पहली चीज जो आपको हमेशा करनी चाहिए, वह है खुद को, स्वयं को एक ड्रैगडेली प्रतिनिधि के रूप में सेट करना:



और, ज़ाहिर है, ImageGalleryCollectionViewController वर्ग के शीर्ष पर , आपको "हां" कहना चाहिए, हम UICollectionViewDragDelegate प्रोटोकॉल को लागू करते हैं:



जैसे ही हम ऐसा करते हैं, कंपाइलर "शिकायत करना" शुरू कर देता है, हम लाल घेरे पर क्लिक करते हैं और हमसे पूछा जाता है: "क्या आप UICollectionViewDragDelegate प्रोटोकॉल के आवश्यक तरीकों को जोड़ना चाहते हैं?"
मैं जवाब देता हूं: "मैं चाहता हूं!" और Fix बटन पर क्लिक करें:



UICollectionViewDragDelegate प्रोटोकॉल का एकमात्र आवश्यक तरीका आइटमफॉरबाइनिंग विधि है, जो Drag सिस्टम को बताएगी कि हम "ड्रैग एंड ड्रॉप" करते हैं। जब उपयोगकर्ता संग्रह कक्ष में एक सेल "खींचें" ( Dragging ) शुरू करता है तो आइटमफॉरबिनिंग विधि को कहा जाता है।

ध्यान दें कि इस पद्धति में, Collection View संग्रह में indexPath जोड़ा गया है। यह हमें बताएगा कि संग्रह का कौन सा तत्व, कौन सा इंडेक्सपाथ , हम "ड्रैग एंड ड्रॉप" करने जा रहे हैं। यह हमारे लिए वास्तव में बहुत सुविधाजनक है, क्योंकि यह वह एप्लिकेशन है जो सत्र और indexPath के तर्कों का उपयोग करने के लिए ज़िम्मेदार है, यह जानने के लिए कि ड्रैग और ड्रैग को कैसे संभालना है।

यदि "ड्रैग करने योग्य" तत्वों की सरणी [UIDragItems] वापस आ गई है, तो ड्रैग की "ड्रैग" Drag इनिशियलाइज़ किया गया है; यदि खाली एरे [] को लौटा दिया जाता है, तो ड्रैग के "ड्रैग" Drag अनदेखा कर दिया Drag है।

मैं indexPath तर्क के साथ एक छोटा निजी ड्रैगइमेट्स (at: indexPath) फ़ंक्शन बनाऊंगा । यह सरणी [UIDragItem] हमें देता है ।



ड्रैग-एंड-ड्रॉप UIDragItem कैसा दिखता है ?
उसके पास केवल एक बहुत ही महत्वपूर्ण चीज है जिसे आइटमप्रोवाइडर कहा जाता है। आइटमप्रॉइडर सिर्फ एक चीज है जो डेटा प्रदान कर सकती है जिसे ड्रैग किया जाएगा।

और आपके पास यह पूछने का अधिकार है: "एक UIDragItem तत्व के" खींचने और छोड़ने "के बारे में क्या है जिसमें बस डेटा नहीं है?" उदाहरण के लिए, जिस आइटम को आप खींचना चाहते हैं, उसमें डेटा नहीं हो सकता है, क्योंकि यह डेटा बनाना एक महंगा ऑपरेशन है। यह एक छवि चित्र या कुछ ऐसा हो सकता है जिसमें इंटरनेट से डेटा डाउनलोड करने की आवश्यकता होती है। बड़ी बात यह है कि Drag & Drop ऑपरेशन पूरी तरह से अतुल्यकालिक है। जब आप ड्रैग को ड्रैग और ड्रॉप करना शुरू करते हैं, तो यह वास्तव में एक बहुत ही हल्की वस्तु ( lift preview ) है, आप इसे हर जगह खींचते हैं और इस "ड्रैग" के दौरान कुछ भी नहीं होता है। लेकिन जैसे ही आप "ड्रॉप" कहीं अपनी वस्तु छोड़ते हैं , तो, एक आइटमप्रोवाइडर होने के नाते , यह वास्तव में आपकी "घसीटा" और "फेंकी गई" वस्तु को वास्तविक डेटा के साथ प्रदान करना चाहिए, भले ही यह एक निश्चित मात्रा में हो।

सौभाग्य से, कई अंतर्निहित आइटमपॉवर्स हैं । ये ऐसी कक्षाएं हैं जो पहले से ही iOS में मौजूद हैं और जो आइटमपॉइडर हैं , जैसे कि, उदाहरण के लिए, एनएसएसट्रिंग , जो आपको फ़ॉन्ट के बिना पाठ को खींचने और छोड़ने की अनुमति देता है। बेशक, यह एक UIImage छवि है। आप चयन कर सकते हैं और UIImages छवियों को खींच और खींच सकते हैं। NSURL वर्ग, जो बिल्कुल अद्भुत है। आप Web पेज पर जा सकते हैं, URL चयन कर सकते हैं और इसे "ड्रॉप" कर सकते हैं। यह एक लेख या छवि के लिए एक URL लिंक हो सकता है, क्योंकि यह हमारे डेमो में होगा। ये UIColor , MKMapItem नक्शा तत्व , पता पुस्तिका से सीएनसी कांटैक्ट के रंग वर्ग हैं, आप बहुत सी चीजों का चयन और खींच सकते हैं। उनमें से सभी आइटम हैं ।

हम UIImage छवि को "ड्रैग एंड ड्रॉप" करने जा रहे हैं। यह IndexPath के साथ Collection View सेल सेल में स्थित है, जो मुझे सेल सेल का चयन करने में मदद करता है, इसमें से Outlet इमेज व्यू प्राप्त करें और अपनी इमेज इमेज प्राप्त करें ।

आइए इस विचार को कोड की कुछ पंक्तियों के साथ व्यक्त करते हैं।
सबसे पहले, मैं अपने Collection View को इस IndexPath के अनुरूप आइटम तत्व के बारे में बताता हूं।



Collection View लिए cellForItem (at: IndexPath) विधि केवल दृश्यमान कोशिकाओं के लिए काम करती है, लेकिन, निश्चित रूप से, यह हमारे मामले में काम करेगी, क्योंकि मैं स्क्रीन पर Drag संग्रह तत्व को "ड्रैग एंड ड्रॉप" करता हूं और यह दिखाई देता है।

तो, मुझे एक "ड्रैगेबल" सेल सेल मिला ।
अगला, मैं ऑपरेटर के रूप में उपयोग करता हूं ? इस सेल में ताकि मेरे कस्टम subclass का एक प्रकार है। और अगर यह काम करता है, तो मुझे एक Outlet छवि दृश्य मिलता है, जिसमें से मैं इसकी छवि छवि लेता हूं। मैं सिर्फ इस indexPath के लिए छवि छवि को "कैप्चर" करता हूं।

अब जबकि मेरे पास इमेज इमेज है , मुझे केवल इतना करना है कि इन यूआईड्राईगेट्स में से एक को एक इमेजप्रोडाइडर के रूप में इस्तेमाल करना है , यानी वह चीज जो हमें डेटा मुहैया कराती है।
मैं UIDragItem कंस्ट्रक्टर का उपयोग करके ड्रैग इट बना सकता हूं, जो आइटमपॉइडर को एक तर्क के रूप में लेता है:



फिर हम NSItemProvider कंस्ट्रक्टर का उपयोग करके छवि छवि के लिए एक आइटमप्रोवाइडर बनाते हैं। NSItemProvider के लिए कई निर्माता हैं, लेकिन उनमें से एक वास्तव में एक अद्भुत है - NSItemProvider (ऑब्जेक्ट: NSItemProviderWriting) :



आप बस इस NSItemProvider कंस्ट्रक्टर को ऑब्जेक्ट ऑब्जेक्ट देते हैं, और यह जानता है कि आइटमप्रोइडर को इससे कैसे बनाया जाए। इस तरह की एक वस्तु के रूप में, मैं उस छवि को छवि देता हूं जो मुझे सेल सेल से प्राप्त हुआ था और यूआईआईएमएज के लिए आइटमप्रॉइडर मिला।
और वह सब है। हमने DragItem बनाया है और इसे एक तत्व के रूप में एक सरणी के रूप में वापस करना चाहिए।

लेकिन इससे पहले कि मैं वापस आ dragItem , मैं एक और बात करने के लिए, अर्थात्, चर सेट करने के लिए जा रहा हूँ localObject के लिए dragItem , जिसके परिणामस्वरूप चित्र के बराबर छवि ।



इसका क्या मतलब है?
यदि आप Dragस्थानीय रूप से "ड्रैग एंड ड्रॉप" करते हैं , जो कि आपके एप्लिकेशन के अंदर है, तो आपको एसिंक्रोनस डेटा पुनर्प्राप्ति के माध्यम से आइटमप्रॉइडर से जुड़े इस सभी कोड से गुजरने की आवश्यकता नहीं है । आपको ऐसा करने की आवश्यकता नहीं है, आपको बस लोकल ऑबजेक्ट लेने और उसका उपयोग करने की आवश्यकता है। यह स्थानीय "ड्रैग एंड ड्रॉप" के साथ एक प्रकार का "शॉर्ट सर्किट" है Drag।

हमारे द्वारा लिखे गए कोड Dragहमारे संग्रह के बाहर "ड्रैगिंग" Collection Viewकरने पर अन्य अनुप्रयोगों के लिए काम करेंगे , लेकिन अगर हम Dragस्थानीय स्तर पर "ड्रैग" करते हैं, तो हम लोकलआउट का उपयोग कर सकते हैं । अगला, मैं एक ड्रैग इटिम तत्व का एक सरणी लौटाता हूं ।

वैसे, अगर किसी कारण से मुझे इस सेल सेल के लिए एक छवि नहीं मिल रही है , तो मैं एक खाली सरणी लौटाता हूं [] , इसका मतलब है कि "ड्रैग एंड ड्रॉप" रद्द कर दिया गया है। स्थानीय वस्तु के अलावा localObject , आप स्थानीय संदर्भ याद कर सकते हैं localContext हमारे लिए सत्र सत्र । हमारे मामले में यह का एक संग्रह किया जाएगा collectionView और यह हमें बाद में करने के लिए उपयोगी है: करने के बाद "खींचें और ड्रॉप" , आप और अधिक आइटम जोड़ सकते हैं आइटम इस "खींचें और ड्रॉप" के लिए, बस इशारा कर रही नल उन पर। नतीजतन, आप खींच सकते हैंDrag



Drag



DragDragएक बार में कई आइटम। और यह एक और प्रतिनिधि विधि के साथ लागू करना आसान है , UICollectionViewDragDelegate , आइटम्स के लिए बहुत ही समान हैफोरगेनिंग विधि , आइटमफॉरएडिंगटिंग नामक एक विधि । विधि itemsForAddingTo वास्तव में विधि के रूप में उसी तरह लग रहा है itemsForVeginning , और रिटर्न बिल्कुल एक ही बात है, क्योंकि वह भी हमें देता है indexPath "खींचें और ड्रॉप" की प्रक्रिया में क्या "tapnul" उपयोगकर्ता पर की Dragहै, और मैं काफी तस्वीर मिल छवि सेल की, पर जो उपयोगकर्ता "टैप" करता है, और उसे वापस करता है।



एक खाली सरणी लौटें [] itemsForAddingTo विधि सेइस तथ्य की ओर जाता है कि नल का इशारा सामान्य तरीके से व्याख्या किया जाएगा, अर्थात्, इस सेल सेल की पसंद के रूप में ।
और हमें केवल ड्रैग और ड्रॉप की आवश्यकता है Drag।
हमने एप्लिकेशन लॉन्च किया।
मैं "वेनिस" छवि का चयन करता हूं, इसे थोड़ी देर के लिए दबाए रखें और हिलना शुरू



कर दें ... और हम वास्तव में इस छवि को एप्लिकेशन में खींच सकते हैं Photos, जैसा कि आप "ड्रैगेबल" छवि के ऊपरी बाएं कोने में हरे रंग का प्लस चिह्न "+" देखते हैं। मैं संग्रह से एक और आर्टिका छवि पर एक टैप इशारा कर सकता हूं Collection View...



... और अब हम दो छवियों को एप्लिकेशन में छोड़ सकते हैं Photos:



चूंकि Photosतंत्र पहले से ही एप्लिकेशन में बनाया गया हैDrag & Dropतो सब कुछ ठीक काम करता है और यह अच्छा है।
इसलिए, गैलरी छवि के "ड्रैगिंग" Dragऔर "डंपिंग" Dropअन्य अनुप्रयोगों में मेरे लिए काम करता है, मुझे छवि को एक सरणी [UIDragItem] के रूप में वितरित करने के अलावा, अपने आवेदन में बहुत कुछ नहीं करना है । यह तंत्र की कई महान विशेषताओं में से एक है Drag & Drop- इसे दोनों दिशाओं में काम करना बहुत आसान है।

Dropछवियों को संग्रह में रीसेट करेंCollection View

अब हमें Dropअपने संग्रह के लिए एक भाग बनाने की आवश्यकता है Collection Viewताकि हम Dropइस संग्रह में किसी भी "घसीट" गई छवियों को "डंप" कर सकें । एक "ड्रैग करने योग्य" छवि OUTSIDE से "आ सकती है", या सीधे इस संग्रह को सम्मिलित कर सकती है।
ऐसा करने के लिए, हम एक ही बात को सौंपने के लिए किया करते dragDelegate , यानी बनाने के अपने आप को, आत्म , प्रतिनिधि dropDelegate की विधि में viewDidLoad :



फिर से, हम अपने वर्ग के शीर्ष करने के लिए चढ़ाई करने के लिए है ImageGalleryCollectionViewController और सत्यापित करें प्रोटोकॉल कार्यान्वयन UICollectionViewDropDelegate :



जैसे ही हमने अपना नया प्रोटोकॉल जोड़ा, कंपाइलर फिर से "शिकायत" करने लगा कि हमने इस प्रोटोकॉल को लागू नहीं किया है। हम बटन पर क्लिक करते हैं Fixऔर इस प्रोटोकॉल के आवश्यक तरीके हमारे सामने प्रकट होते हैं। इस मामले में, हमें सूचित किया जाता है कि हमें निष्पादन पद्धति को लागू करना चाहिए :



हमें यह करना होगा, अन्यथा "रीसेट" नहीं होगा Drop। वास्तव में, मैं पिछले दिनों परफॉर्मडॉप विधि को लागू करने जा रहा हूं , क्योंकि कुछ अन्य अत्यधिक अनुशंसित Appleतरीके हैं जो आपको Dropभाग के लिए लागू करने की आवश्यकता है । यह हैहैंडल और ड्रॉपडेसनडीडअपडेट :



यदि हम इन दो विधियों को लागू करते हैं, तो हम एक छोटे से हरे रंग के प्लस चिह्न "+" प्राप्त कर सकते हैं जब हम अपने संग्रह से OUTSIDE से चित्र खींचते हैं ollection View, और इसके अलावा, वे जो हम नहीं समझते हैं उसे डंप करने की कोशिश नहीं करेंगे।

आइए हम canHandle को लागू करें । आप काहैंडल विधि संस्करण , जो संग्रह के लिए अभिप्रेत है ollection View, लेकिन यह विधि ollection Viewठीक उसी प्रकार दिखाई देती है, जो नियमित UIView के लिए समान विधि है , वहाँ कोई IndexPath नहीं है , हमें बस सत्र वापसी की आवश्यकता है। कि मैं इस सीएल की वस्तुओं के "रीसेट" को स्वीकार करता हूं मेरे संकलन के पीए ollection View:



लेकिन यह Dropमेरे संग्रह Collection ViewOUTSIDE में छवि को "डंप" करने के लिए पर्याप्त नहीं है ।
"रीसेट" अगर Dropछवि संग्रह के भीतर होता है Collection View, उपयोगकर्ता के अपने खुद के तत्वों का पुनर्गठन होगा आइटम तंत्र के माध्यम से Drag & Dropतो केवल एक छवि, एक UIImage , और विधि के क्रियान्वयन canHandle ऊपर ढंग से की तरह दिखाई देगा।

लेकिन अगर Dropछवि का "डंपिंग" OUTSIDE होता है, तो हमें केवल "ड्रैग एंड ड्रॉप" को संभालना चाहिए Dragजो इस छवि के साथ-साथ UIImage छवि का प्रतिनिधित्व करता है URL, क्योंकि हम सीधे UIImage छवियों को संग्रहीत नहीं करने जा रहे हैंमॉडल में। इस स्थिति में, मैं केवल कैनहैंडल विधि में सही वापस लौटूंगा यदि एक ही समय में कुछ शर्तों को पूरा किया जाता है : session.canLoadObjects (ofClass: NSURL.self) && session.canLoadObjects (ofClass: UIImage.self) :



मुझे यह निर्धारित करना है कि क्या मैं "रीसेट" के साथ काम कर रहा हूं बाहर या अंदर। मैं गणना की गई स्थिरांक का उपयोग करके ऐसा करूंगा , जिसकी गणना के लिए मैं Dropसत्र सत्र में इसके स्थानीय Dragसत्र के रूप में ऐसी चीज का उपयोग कर सकता हूं । इस स्थानीय में Dragसत्र, बारी में, एक स्थानीय संदर्भ है localContext ।
यदि आपको याद है, तो हम इस स्थानीय संदर्भ को विधि में सेट करते हैंitemsForVeginning Drag प्रतिनिधि UICollectionViewDragDelegate :



मैं स्थानीय संदर्भ का पता लगाने के लिए जा रहा हूँ localContext मेरे संग्रह में समानता के लिए CollectionView । सच है, लोकल कॉन्टेक्स्ट का TYPE कोई भी होगा, और मुझेऑपरेटर के रूप में TYPE Any की कास्टिंग करने की आवश्यकता है ? UICollectionView :



स्थानीय संदर्भ हैं (UICollectionView रूप session.localDragSession .localContext ??) मेरे संग्रह है CollectionView , विस्तार चर isself है सचऔर मेरे संग्रह में एक स्थानीय "रीसेट" है। यदि इस समानता का उल्लंघन किया जाता है, तो हम एक "रीसेट" DropOUTSIDE के साथ काम कर रहे हैं । CanHandle

विधि की रिपोर्ट है कि हम केवल इस तरह के "ड्रैग एंड ड्रॉप" को अपने संग्रह में संभाल सकते हैं । अन्यथा, आगे, यह "डंपिंग" के बारे में बात करने का कोई मतलब नहीं है । हम "रीसेट" करना जारी रखते हैं , यह अभी भी पल के लिए है कि उपयोगकर्ता स्क्रीन बंद अपनी अंगुलियों को उठाएं और एक असली "रीसेट" वहाँ हो जाएगा , हम रिपोर्ट करने के लिए है विधि का उपयोग कर dropSessionDidUpdate प्रतिनिधि UICollectionViewDropDelegate हमारे प्रस्ताव के बारे में UIDropProposal रीसेट लागू करने के लिए ।DragCollection ViewDrop

DropDropiOSDrop

इस विधि में, हमें एक Dropवाक्य वापस करना चाहिए जिसमें ऑपरेशन तर्क के लिए .copy या .move या .cancel या .forbidden मान हो सकते हैं । और ये सभी संभावनाएं हैं जो हमारे पास सामान्य मामले में होती हैं जब हम एक नियमित रूप से UIView से निपटते हैं । लेकिन संग्रह विशेष ऑफर वापस जाने के लिए आगे और प्रस्तावों के लिए चला जाता है UICollectionViewDropProposal है, जो एक है वर्ग UIDropProposal और शल्य चिकित्सा के अलावा की अनुमति देता है आपरेशन के एक अतिरिक्त पैरामीटर निर्दिष्ट करने के लिए आशय संग्रह के लिए । पैरामीटर

Collection ViewsubclassCollection View

आशय संग्रह को बताता हैCollection Viewकि क्या हम चाहते हैं कि "खारिज" तत्व को किसी मौजूदा सेल के अंदर रखाजाए , या क्या हम एक नया सेल जोड़ना चाहते हैं । अंतर देखें? संग्रह के मामले में,Collection Viewहमें अपने इरादे के इरादे से संवाद करना चाहिए।

हमारे मामले में, हम हमेशा एक नया सेल जोड़ना चाहते हैं, इसलिए आप देखेंगे कि हमारा इरादा पैरामीटर किसके बराबर होगा।
हम UICollectionViewDropProposal के लिए दूसरे निर्माणकर्ता का चयन करते हैं:



हमारे मामले में, हम हमेशा एक नया सेल जोड़ना चाहते हैं और इरादा पैरामीटरमान लेगा ।insertAtDestinationIndexPath का विरोध किया।.insertIntoDestinationIndexPath ।



फिर मैं लगातार अभिकलन का उपयोग isself , और अगर यह है आत्म पुनर्गठन, मैं ले जाता है .move , अन्यथा मैं कर रहा हूँ .copy । दोनों ही मामलों में, हम .insterAtDestinationIndexPath का उपयोग करते हैं , अर्थात् नई कोशिकाओं को सम्मिलित करते हैं ।

अब तक मैंने परफॉर्मड्रॉप पद्धति को लागू नहीं किया है, लेकिन आइए एक नज़र डालते हैं कि एक संग्रह पहले से हीCollection Viewइस जानकारी के छोटे टुकड़े के साथक्या कर सकता हैजो हमने इसे प्रदान किया था।

मैं छविSafariको खोज इंजनसे खींचता हूंGoogle, और इस छवि के शीर्ष पर एक हरे रंग का "+" चिह्न दिखाई देता है, यह दर्शाता है कि हमारी छवि गैलरी न केवल इस छवि को स्वीकार करने और उसके साथ प्रतिलिपि बनाने के लिए तैयार है URL, बल्कि संग्रह के अंदर एक जगह भी प्रदान करती है Collection View:



मैं कुछ छवियों पर क्लिक कर सकता हूं Safari, और पहले से ही 3 "ड्रैग्ड" चित्र होंगे:



लेकिन अगर मैं अपनी उंगली और "ड्रॉप" Dropइन छवियों को उठाता हूं , तो उन्हें हमारी गैलरी में नहीं रखा जाएगा, लेकिन बस अपने पिछले स्थानों पर लौट आएं, क्योंकि हमने अभी तक प्रदर्शन पद्धति को लागू नहीं किया है ।



आप देख सकते हैं कि संग्रह Collection Viewपहले से ही जानता है कि मैं क्या करना चाहता हूं।
संग्रह Collection Viewतंत्र के लिए एक बहुत ही अद्भुत चीज है।Drag & Drop, उसके पास इसके लिए बहुत शक्तिशाली कार्यक्षमता है। हमने कोड की 4 पंक्तियां लिखकर उसे मुश्किल से छुआ है, और वह "रीसेट" की धारणा में पहले से ही काफी आगे बढ़ चुकी है Drop।
आइए कोड पर वापस जाएं और PerformDrop पद्धति को लागू करें ।



इस पद्धति में, हम कोड की 4 लाइनों के साथ प्राप्त करने में सक्षम नहीं होंगे, क्योंकि PerformDrop विधि थोड़ी अधिक जटिल है, लेकिन बहुत अधिक नहीं है।
एक "रीसेट" जब Drop, तो विधि performDrop हम अपने मॉडल है, जो छवियों की एक गैलरी है अद्यतन करने की आवश्यकता imageGallery कॉम्बो छवि छवियों , और हम अपने दृश्य संग्रह अद्यतन करने की आवश्यकता CollectionView ।

हमारे पास दो अलग-अलग "रीसेट" परिदृश्य हैं Drop।

एक "रीसेट" नहीं है Dropमेरे संग्रह से किया जाता है CollectionView , मैं प्रदर्शन "रीसेट" चाहिए Dropनए स्थान और कम से संग्रह में आइटम और पुराने स्थान से हटाने के लिए, क्योंकि इस मामले में, मैं ले जाने के ( .move संग्रह के इस तत्व)। यह एक तुच्छ कार्य है। किसी अन्य एप्लिकेशन से

"रीसेट" Dropहोता है, तो हमें डेटा का चयन करने के लिए "ड्रैग" आइटम तत्व की आइटमप्रॉइडर संपत्ति का उपयोग करना चाहिए । जब हम संग्रह दृश्य संग्रह में "रीसेट" करते हैं , तो संग्रह हमें एक समन्वयक समन्वयक प्रदान करता है

Drop। सबसे पहले, हम समन्वयक सूचना दी समन्वयक , यह destinationIndexPath , यानी indexPath "-destination", "रीसेट" Drop, यह है कि हम कहाँ हो जाएगा "रीसेट।"



लेकिन destinationIndexPath के बराबर हो सकता है नहीं के बराबर है, तो आप संग्रह के उस हिस्से में "रीसेट" छवि को खींच सकते हैं Collection View, जो कुछ मौजूदा कोशिकाओं के बीच एक जगह नहीं है कोशिकाओं , तो यह अच्छी तरह से हो सकता है नहीं के बराबर । यदि यह स्थिति होती है, तो मैं 0 वें खंड अनुभाग में 0 आइटम तत्व के साथ एक IndexPath बनाता हूं ।



मैं किसी अन्य इंडेक्सपथ को चुन सकता हूं , लेकिन मैं डिफ़ॉल्ट रूप से इस इंडेक्सपाथ का उपयोग करूंगा।

अब हम जानते हैं कि हम "रीसेट" कहां करेंगे Drop। हम सब "झटका बंद" आइटम के माध्यम से जाना है coordinator.items , समन्वयक द्वारा प्रदान की समन्वयक । इस सूची के प्रत्येक आइटम में UICollectionViewDropItem TYPE है और यह हमें बहुत ही रोचक जानकारी प्रदान कर सकता है।

उदाहरण के लिए, यदि मुझे item.sourceIndexPath से sourceIndexPath मिल सकता है , तो मैं यह सुनिश्चित करने के लिए जानूंगा कि यह "ड्रैग एंड ड्रॉप" स्वयंDrag से किया गया है, स्व।और खींचें का स्रोत Dragतत्व एक संग्रह है indexPath बराबर sourceIndexPath :



मैं भी को देखने के लिए नहीं है localSontext इस मामले में, जानने के लिए "खींचें और ड्रॉप" संग्रह के भीतर बनाया गया था क्या CollectionView । वाह!

अब मुझे पता है sourceIndexPath और “डेस्टिनेशन” डेस्टिनेशनपाथ Drag & Drop , और कार्य तुच्छ हो जाता है। मुझे बस इतना करना है कि मॉडल को अपडेट करना है ताकि स्रोत और "गंतव्य" की अदला-बदली हो, और फिर संग्रह दृश्य संग्रह को अपडेट करें , जिसमें आपको sourceIndexPath के साथ संग्रह आइटम को निकालना होगा और इसे गंतव्य IndexPath के साथ संग्रह में जोड़ना होगा ।

हमारा स्थानीय मामला सबसे सरल है, क्योंकि इस मामले में तंत्र Drag & Dropन केवल एक ही अनुप्रयोग में काम करता है, बल्कि एक ही संग्रह दृश्य संग्रह में है , और मैं समन्वयक समन्वयक का उपयोग करके सभी आवश्यक जानकारी प्राप्त कर सकता हूं। आइए इसे इस सरलतम स्थानीय मामले में कार्यान्वित करें:



हमारे मामले में, मुझे लोकल ऑबजेक्ट की भी आवश्यकता नहीं है , जिसे मैंने पहले बनाया था जब मैंने ड्रैग इट बनाया था और जिसे मैं अब आइटम "संग्रह" में आइटम "संग्रह" से ले सकता हूं । जब "डंपिंग" Dropछवियों को "कचरा कर सकते हैं", तो हमें इसकी आवश्यकता होगी , जो एक ही एप्लिकेशन में है, लेकिन एक ही डिस्प्ले व्यू संग्रह नहीं है । दो IndexPathes अब मेरे लिए पर्याप्त हैं : स्रोत sourceIndexPath और "डेस्टिनेशन" डेस्टिनेशन exath ।

मुझे पहले जानकारी मिलती हैimageInfo मॉडल से पुरानी जगह में छवि के बारे में, इसे वहां से हटा दें। और फिर की एक सरणी में डालने छवियों अपने मॉडल की imageGallery जानकारी imageInfo एक नया सूचकांक के साथ एक छवि destinationIndexPath.item । इस तरह मैंने अपने मॉडल



को अपडेट किया:अब मुझे कलेक्शन व्यू कलेक्शन को खुद ही अपडेट करना है। यह समझना महत्वपूर्ण है कि मैं अपने संग्रह में सभी डेटा को ओवरलोड नहीं करना चाहते महत्वपूर्ण है collectionView का उपयोग कर reloadData () "खींचें और ड्रॉप" के बीच मेंDragहै, क्योंकि यह रीसेट करता है छवियों के हमारे गैलरी है, जो बहुत खराब है की पूरी "दुनिया", मुझे नहीं पता। इसके बजाय, मैं तत्वों को साफ करने और सम्मिलित करने जा रहा हूंआइटम अलग से:



मैं एक संग्रह में आइटम हटाया collectionView साथ sourceIndexPath और साथ संग्रह में एक नया आइटम डालने destinationIndexPath ।

ऐसा लगता है कि यह कोड बहुत अच्छा काम करता है, लेकिन वास्तव में, यह कोड आपके एप्लिकेशन को "क्रैश" कर सकता है। कारण यह है कि आप अपने संग्रह दृश्य संग्रह में कई बदलाव करते हैं, और इस मामले में संग्रह को बदलने के प्रत्येक चरण को सामान्य रूप से मॉडल के साथ सिंक्रनाइज़ करने की आवश्यकता होती है, जो कि हमारे मामले में नहीं देखा जाता है, क्योंकि हम एक ही समय में दोनों ऑपरेशन करते हैं: हटाएं और डालें। इसलिए संग्रह संग्रहमॉडल के साथ एक नहीं सिंक्रनाइज़ राज्य में कुछ बिंदु पर होगा।

लेकिन वहाँ वास्तव में जो है कि संग्रह के चारों ओर पाने के लिए, जिस तरह से शांत कर रहे हैं collectionView एक विधि नामित है performBatchUpdates , जो सर्किट (है closure) और इस सर्किट के भीतर मैं इनमें से किसी भी संख्या जगह कर सकते हैं deleteItems , insertItems , moveItems और सभी मैं चाहता हूँ:



अब deleteItems और insertItems को एक ही ऑपरेशन के रूप में किया जाएगा, और संग्रह संग्रह दृश्य के साथ आपके मॉडल के सिंक्रनाइज़ेशन की कमी कभी नहीं होगी ।

और अंत में, आखिरी चीज जो हमें करने की आवश्यकता है वह समन्वयक को लागू करने और "रीसेट" को चेतन करने के लिए कहा गया है Drop:



जैसे ही आप स्क्रीन से अपनी उंगली उठाते हैं, छवि चलती है, सब कुछ उसी समय होता है: "रीसेट", छवि गायब हो जाती है एक जगह और दूसरे में उपस्थिति।
आइए हमारी छवि गैलरी में परीक्षण छवि "वेनिस" को पहली पंक्ति के अंत तक ले जाने का प्रयास करें ...



... और "रीसेट" इसे:



जैसा कि हम चाहते थे, इसे पहली पंक्ति के अंत में रखा गया था।
हुर्रे!सब कुछ काम करता है!

अब हम स्थानीय मामले से नहीं निपटेंगे, अर्थात्, जब "रीसेट" तत्व ओयूएसटीआईडीआईटी आता है, अर्थात् एक अन्य अनुप्रयोग से।
ऐसा करने के लिए, हम sourceIndexPath के संबंध में कोड में और लिखते हैं । यदि हमारे पास sourceIndexPath नहीं है , तो इसका मतलब है कि "resettable" तत्व OUTSIDE से आया है और हमें resettable आइटम के आइटमप्रोवर का उपयोग करके डेटा ट्रांसफर का उपयोग करना होगा ।ragItem.itemPathider तत्व :



यदि आप "खींचें Dragऔर ड्रॉप" OUTSIDE और "ड्रॉप" "Drop, तो क्या यह जानकारी तत्काल उपलब्ध हो जाती है? नहीं, आप ASYNCHRONOUSLY "घसीटी गई" चीज़ से डेटा का चयन करते हैं। लेकिन क्या होगा अगर नमूना 10 सेकंड लेता है? इस समय संग्रह क्या करेगा ollection View? इसके अलावा, डेटा उस क्रम में नहीं आ सकता है जिसमें हमने इसका अनुरोध किया था। यह प्रबंधन करना आसान नहीं है, और इस मामले के Appleलिए प्रस्तावित ollection Viewविकल्प के उपयोग के लिए एक पूरी तरह से नई तकनीक है Placeholders।

आप अपने संग्रह में एक Collection Viewप्लेसहोल्डर रखते हैं Placeholder, और संग्रह आपके Collection Viewलिए यह सब प्रबंधित करता है, इसलिए डेटा के अंत में चयनित होने पर आपको यह करना होगा कि प्लेसहोल्डर को Placeholderउसके प्लेसहोल्डर संदर्भ को कॉल करने के लिए कहेंऔर उसे बताएं कि आपको जानकारी मिली है। फिर अपने मॉडल को अद्यतन करने और संदर्भ placeholderContext आप जिस सेल स्वैप सेल एक प्लेसहोल्डर के साथ Placeholderअपनी कोशिकाओं में से एक के लिए कोशिकाओं , डेटा के प्रकार को जो मेल खाती है कि आप प्राप्त हुआ है।

हम प्लेसहोल्डर का निर्माण करके उन सभी क्रियाओं को निष्पादित करते हैं, Placeholderजो प्लेसहोल्डर का प्रबंधन करता है, जो प्लेसहोल्डर का प्रबंधन करता है और जो आपको समन्वयक समन्वयक से मिलता है , आपको प्लेसहोल्डर को आइटमDrop तत्व "रीसेट" करने के लिए कहता है । मैं प्लेसहोल्डर के लिए इनिशियलाइज़र का उपयोग करुँगी प्लेसहोल्डर संदर्भPlaceholder

कौन सा "फेंकता" dragItem पर UICollectionViewDropPlaceholder :



उद्देश्य यह है कि मैं "फेंक" करने जा रहा हूँ Dropयह item.dragItem , जहां मद - एक तत्व के लिए चक्र, हम "फेंक" कर सकते हैं के रूप में Dropवस्तुओं का एक सेट coordinator.items । हम उन्हें एक-एक करके "फेंक" देते हैं। तो item.dragItem वह है जिसे हम "ड्रैग Dragएंड ड्रॉप " करते हैं Drop। इस फ़ंक्शन का अगला तर्क प्लेसहोल्डर है, और मैं इसे UICollectionViewDropPlaceholder initializer का उपयोग करके बनाऊंगा :



ऐसा करने के लिए, मुझे पता होना चाहिए कि मैं प्लेसहोल्डर सम्मिलित करने जा रहा हूंPlaceholder, अर्थात् सम्मिलन IndexPath , साथ ही पुन: उपयोग किए गए सेल पुन: उपयोगकर्ता की पहचानकर्ता ।
तर्क insertionIndexPath , जाहिर है, है destinationIndexPath , यह IndexPath "खींचें" एक वस्तु है, यह विधि की शुरुआत में गणना की जाती है समायोजित करने के लिए performDropWith ।

अब हम reuseIdentifier cell id को देखते हैं । आपको तय करना क्या कोशिका के प्रकार की जरूरत है सेल अपने एक प्लेसहोल्डर है Placeholder। समन्वयक समन्वयक के पास लोकेटर के लिए "प्री- पैकेज्ड " सेल नहीं हैPlaceholder। यह आप ही हैं जो इस सेल सेल पर निर्णय लेते हैं । इसलिए, पुन: उपयोग किए गए सेल reuseIdentifiercell की पहचानकर्ता से आपका अनुरोध किया जाता है storyboardताकि इसे PROTOTYPE के रूप में उपयोग किया जा सके।

मैं इसे "DropPlaceholderCell" कहूंगा, लेकिन मूल रूप से, मैं इसे जो भी नाम दे सकता था।
यह केवल स्ट्रिंग स्ट्रिंग है जिसे मैं storyboardइस चीज़ को बनाने के लिए मेरा उपयोग करने जा रहा हूं ।
हमारे पास वापस जाएं storyboardऔर प्लेसहोल्डर के लिए सेल सेल बनाएं Placeholder। ऐसा करने के लिए, हमें बस एक संग्रह का चयन करने Collection Viewऔर उसका निरीक्षण करने की आवश्यकता है। पहले क्षेत्र में, Itemsमैं बदल 1जाता हूं2। यह तुरंत हमारे लिए एक दूसरी सेल बनाता है, जो पहले की एक सटीक प्रति है।



हम अपने नए सेल का चयन करते हैं ImageCell, पहचानकर्ता को सेट करते हैं, " DropPlaceholderCell", वहां से सभी UIतत्वों को हटा दें , इसमें शामिल है Image View, क्योंकि यह PROTOTYPE का उपयोग तब किया जाता है जब छवि अभी तक नहीं आई है। हम ऑब्जेक्ट पैलेट से एक नया गतिविधि संकेतक जोड़ते हैं Activity Indicator, यह घूम जाएगा, जिससे उपयोगकर्ताओं को पता चल जाएगा कि मुझे कुछ "रीसेट" डेटा की उम्मीद है। इसके अलावा पृष्ठभूमि का रंग बदलने Backgroundसमझना महत्वपूर्ण है कि जब बाहर छवि से "रीसेट" वास्तव में इस सेल काम करता है सेल प्रोटोटाइप के रूप में:



इसके अलावा नई कोशिका के प्रकार नहीं होना चाहिए ImageCollectionVewCell, क्योंकि इसमें कोई चित्र नहीं होगा। मैं इस सेल को TYPE UI UIOLlectionCiewCell का एक नियमित सेल बनाऊंगा , क्योंकि हमें Outletsनियंत्रण के लिए किसी की आवश्यकता नहीं है :



आइए गतिविधि संकेतक को कॉन्फ़िगर करें Activity Indicatorताकि यह शुरुआत से ही एनिमेट करना शुरू कर दे, और मुझे इसे शुरू करने के लिए कोड में कुछ भी लिखना नहीं होगा। ऐसा करने के लिए, विकल्प पर क्लिक करें Animating:



और यह सब इसलिए, हमने इस सेल के लिए सभी सेटिंग्स कीं DropPlaceholderCell, हम अपने कोड पर लौटते हैं। अब हमारे पास जाने के लिए एक बेहतरीन लोकेटर Placeholderतैयार है।

हमें केवल डेटा प्राप्त करना है, और जब डेटा प्राप्त होता है, तो हम बस प्लेसहोल्डर को इस संदर्भ के बारे में बताते हैं और यह प्लेसहोल्डर को स्वैप कर देगाPlaceholderऔर डेटा के साथ हमारी "मूल" सेल, और हम मॉडल में बदलाव करेंगे।

मैं एक वस्तु पर "लोड" करने जा रहा हूं, जो लोडओबजेक्ट (इनकास: यूआईआईएमएजे. स्वयं) विधि (एकवचन) का उपयोग करके मेरा आइटम होगा । मैं कोड का उपयोग item.dragItem.itemProvider आपूर्तिकर्ता itemProvider , जो प्रदान करेगा डेटा तत्व आइटम एसिंक्रोनस रूप से। यह स्पष्ट है कि यदि iitemProvider जुड़ा हुआ है , तो हम इस एप्लिकेशन के बाहर iitem "रीसेट" ऑब्जेक्ट प्राप्त करते हैं। निम्नलिखित loadObject (ofClass: UIImage.self) विधि (एकवचन) है: यह विशेष रूप से बंद नहीं किया जाता है



main queue। और, दुर्भाग्यवश, हमें स्थानीय पहलूR छवि में छवि के पहलू अनुपात को "पकड़ने" के लिए DispatchQueue.main.async {}main queue का उपयोग करने के लिए स्विच करना पड़ा । हमने वास्तव में दो स्थानीय वैरिएबल इमेजुरल और आस्पेक्ट रेशियो की शुरुआत की है ... ... और इमेज इमेज और URL url लोड करते समय हम उन्हें "पकड़" लेंगे : यदि दोनों लोकल वैरिएबल imageURL और एस्पेराट्रिट शून्य नहीं हैं , तो हम कम्प्रेशन विधि का उपयोग करते हुए प्लेसहोल्डर के लिए प्लेसहोल्डर संदर्भ पूछेंगे।









हमें हमारे मॉडल बदलने करने का अवसर देना imagegallery :



इस एक्सप्रेशन में हमारे पास insertionIndexPath - यह indexPath प्रविष्टि, और हम अपने मॉडल बदलने imagegallery । हमें बस इतना ही करना है, और यह विधि स्वचालित रूप से एक प्लेसहोल्डर Placeholderको एक सेल के साथ बदलकर सामान्य सेलफ़ोरमेटम विधि कहलाएगी ।

ध्यान दें कि सम्मिलन IndexPath , गंतव्य IndexPath से बहुत भिन्न हो सकता है । क्यों?क्योंकि डेटा सैंपलिंग में 10 सेकंड का समय लग सकता है, यह संभावना नहीं है, लेकिन इसमें 10 सेकंड का समय लग सकता है। इस समय के दौरान, संग्रह में Collection Viewबहुत कुछ हो सकता है । नई कोशिकाओं को जोड़ सकते हैं कोशिकाओं , सब कुछ काफी तेजी से होता है।

हमेशा यहाँ का उपयोग insertionIndexPath , और केवल insertionIndexPath , अपने मॉडल को अद्यतन करने के।

हम अपने मॉडल को कैसे अपडेट करते हैं?

हम सरणी में सम्मिलित imageGallery.images संरचना imagemodel , पहलू अनुपात से बना aspectRatio और चित्र URL imageUrl , किसने दिया हमें इसी वापस प्रदाता द्वारा ।

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



हम किसी कारण से पहलू अनुपात प्राप्त करने में सक्षम नहीं हैं, तो aspectRatio और URLछवि imageUrl इसी से प्रदाता द्वारा , एक त्रुटि प्राप्त किया गया है हो सकता है त्रुटि के बजाय प्रदाता द्वारा , हम जाने के लिए उन्हें पता है संदर्भ है placeholderContext , तो आप इस एक प्लेसहोल्डर को नष्ट करने की जरूरत है Placeholder, क्योंकि हम सब एक ही हैं हम नहीं कर सकते अन्य डेटा प्राप्त करने के लिए: आपको इस तरह की जगहों से आने वाली



एक विशेषता को ध्यान में रखना URLsहोगा Google, वास्तव में उन्हें " डेटा " प्राप्त करने के लिए मामूली परिवर्तनों की आवश्यकता होती हैURLछवि के लिए। इस समस्या को कैसे हल किया जाता है, इस डेमो आवेदन में गितुबUtilities.swift पर एक फ़ाइल में देखा जा सकता है । इसलिए, जब प्राप्त छवि, हम संपत्ति का उपयोग imageUrl वर्ग के यूआरएल : और वह सब आप बाहर कुछ संग्रह के अंदर लेने के लिए क्या करने की जरूरत है । इसे कार्रवाई में देखते हैं। हम एक साथ मल्टीटास्किंग मोड में हमारे डेमो एप्लिकेशन और एक खोज इंजन के साथ लॉन्च करते हैं । जैसा कि हम "डॉन» (सूर्योदय) के विषय पर छवियों के लिए लग रही है। पहले से ही निर्मित
URL



Collection View

ImageGallerySafariGoogleGoogleSafariDrag & Dropतंत्र, इसलिए हम इन चित्रों में से एक का चयन कर सकते हैं, इसे लंबे समय तक पकड़ सकते हैं, इसे थोड़ा स्थानांतरित कर सकते हैं और इसे हमारी छवि गैलरी में खींच सकते हैं।



हरे रंग के प्लस चिन्ह "+" की उपस्थिति यह इंगित करती है कि हमारा आवेदन तीसरे पक्ष की छवि को स्वीकार करने और उपयोगकर्ता द्वारा निर्दिष्ट स्थान पर इसे आपके संग्रह में कॉपी करने के लिए तैयार है। हम इसे "रीसेट" करने के बाद, छवि को डाउनलोड करने में कुछ समय लेते हैं, और इस समय यह काम करता है Placeholder:



डाउनलोड पूरा होने के बाद, "रीसेट" छवि को सही जगह पर रखा गया है, और Placeholderगायब हो जाता है:



हम अपनी रीसेट और छवियों को जगह में "रीसेट" कर सकते हैं और भी अधिक छवियों का संग्रह:



"रीसेट" कार्य के बाद Placeholder:



परिणामस्वरूप, हमारी छवि गैलरी नई छवियों से भर गई है:



अब जब कि यह स्पष्ट है कि हम बाहर से चित्र लेने के लिए सक्षम हैं, हम परीक्षण छवि की आवश्यकता नहीं है, और हम निकल जाएगा:



हमारी viewDidLoad बहुत सरल हो जाता है: यह है कि हम अपने कर रहे हैं Controller Dragऔर Dropप्रतिनिधि और पहचानकर्ता इशारा जोड़ने चुटकी , जो प्रत्येक पंक्ति में छवियों की संख्या को नियंत्रित करता है:



बेशक हम छवियों के लिए कैश जोड़ सकते हैं ImageCache :



हम भर जाएगा ImageCache जब "रीसेट" Dropविधि में performDrop ...



और "नेटवर्क" उपयोगकर्ता कक्षा में का एक नमूना ImageCollectionViewCell :



एक कैश इस्तेमाल किया ImageCache सेल प्लेबैक होगासेल एक कस्टम वर्ग में छवियों के हमारे गैलरी में ImageCollectionViewCell :



अब हम एक खाली संग्रह के साथ शुरू ...



... तो एक नई छवि हमारे संग्रह ... करने के लिए "फेंक"



... prishodit छवि लोड औरPlaceholderचल रहा है ...



... और सही जगह पर छवि प्रकट होता है:



हम अपने संग्रह के बाहर भरने के लिए जारी रखने के लिए:



prishodit चित्र लोड करना औरPlaceholdersकाम करना ...



और चित्र सही स्थान पर दिखाई देते हैं:



तो, हम अपनी छवि गैलरी के साथ बहुत कुछ कर सकते हैं: इसे भरें, आइटमों को पुन: व्यवस्थित करें, अन्य अनुप्रयोगों के साथ चित्र साझा करें niyami।
हमें बस उसे सिखाने की ज़रूरत है कि कैसे अनावश्यक छवियों से उन्हें "रीसेट" करके छुटकारा पाएंDropदायीं ओर नेविगेशन बार पर "ट्रैश कैन" में प्रस्तुत किया गया। छवि गैलरी "" "कचरे के डिब्बे में" वर्ग का प्रतिनिधित्व करती "नमूना आवेदन के लिए अवसर" अनुभाग में वर्णित है GabageView , से जो inherits UIView और हम उसे सिखाना चाहिए हमारे संग्रह से छवियों को लेने के लिए ollection View।

Dropकचरा करने के लिए गैलरी छवियों को रीसेट कर सकते हैं।

तुरंत जगह से - खदान के लिए। मैं GabageView में "इंटरैक्शन" इंटरैक्शन जोड़ूंगा और यह एक UIDropInteraction होगा , क्योंकि मैं Dropकिसी तरह की चीज़ को "रीसेट" करने की कोशिश कर रहा हूं । हम सभी यह सुनिश्चित करें कि है UIDropInteraction , इस प्रतिनिधि प्रतिनिधि , और मैं खुद को नियुक्त करने जा रहा हूँ, स्वयं , इस प्रतिनिधि प्रतिनिधि :



बेशक, हमारी कक्षा GabageView पुष्टि है कि हम एक प्रोटोकॉल को लागू कर रहे हैं करने के लिए UIDropInteractionDelegate :



सभी हम क्या करने की जरूरत है यह काम करने के लिए Drop, यह कैंथल तरीकों को लागू करने के लिए है जो हमें पहले से ज्ञात है ,sessionDidUpdate और performDrop ।



हालांकि, संग्रह के लिए समान तरीकों के विपरीत,डंपिंग स्थान के इंडेक्सपाथ केCollection View रूप में हमारे पास कोई अतिरिक्त जानकारी नहीं है।आइए इन तरीकों को लागू करें।विधि के अंदर canHandle केवल "खींचें और ड्रॉप" कार्रवाई की जाएगी, जो छवि का प्रतिनिधित्व एक UIImage । इसलिए, मैंकेवल तभी सच लौटाऊँगा जब session.canLoadObjects (ofClass: UIImage.self) : CanHandle पद्धति में,आप अनिवार्य रूप से केवल यह कहेंगे कि यदि "draggable" ऑब्जेक्ट कोई UIImage छवि नहीं है


Drag



, तो आगे यह "रीसेट" ड्रॉप जारी रखने और बाद के तरीकों को कॉल करने के लिए कोई मतलब नहीं है।
यदि " ड्रैग करने योग्य " ऑब्जेक्ट एक UIImage छवि है , तो हम sessionDidUpdate पद्धति को निष्पादित करेंगे । इस विधि में हमें बस इतना करना है कि हम अपना यूआईडीप्रोपप्रोसाल "रीसेट" प्रस्ताव वापस कर देंDrop । और मैं केवल "घसीटा हुआ" LOCALLY UIImage TYPE ऑब्जेक्ट को स्वीकार करने के लिए तैयार हूं, जो Dropमेरे कचरा व्यू के अंदर कहीं भी "गिराया" जा सकता है । मेरा गारबेज व्यू OUTSIDE डंप की गई छवियों के साथ इंटरैक्ट नहीं करेगा। इसलिए मैं session.localDragSession वैरिएबल का उपयोग करके पार्स कर रहा हूंक्या कोई स्थानीय "रीसेट" है Drop, और मैं ऑपरेशन लॉजिक के साथ UIDropProposal कंस्ट्रक्टर के रूप में "रीसेट" वाक्य वापस करता हूं , मान ले रहा है। तोपी , क्योंकि मेरे आवेदन में हमेशा "ड्रैग एंड ड्रॉप" संग्रह से आएगा । यदि "ड्रैग एंड ड्रॉप" और "रिसेट" OUTSIDE होता है, तो मैं ऑपरेशन लॉजिक के साथ UIDropProposal कंस्ट्रक्टर के रूप में "रीसेट" वाक्य लौटाता हूं । मान लेने के लिए .fobbiden , अर्थात "निषिद्ध" और हमें ग्रीन प्लस साइन के बजाय एक "रीसेट" निषेध संकेत मिलेगा। । एक UIImage छवि की प्रतिलिपि बनानाDragCollection ViewDragDrop



, हम इसके पैमाने में कमी का अनुकरण लगभग 0 करेंगे, और जब "रीसेट" होता है, तो हम इस छवि को संग्रह से निकाल देंगे Collection View।
उपयोगकर्ता के लिए "कचरा बिन" में "डंपिंग और गायब" छवियों का भ्रम पैदा करने के लिए, हम पूर्वावलोकनफॉरड्रॉपिंग विधि का उपयोग करते हैं, हमारे लिए नया , जो हमें "डंपिंग" Dropको दूसरी जगह पर रीडायरेक्ट करने की अनुमति देता है और साथ ही एनीमेशन के दौरान "डंप किए गए" ऑब्जेक्ट को बदल देता है:



^ इस विधि का उपयोग कर प्रारंभकर्ता ग UIDragPreviewTarget हम एक नया पाने के पूर्वावलोकन वस्तु से राहत के लिए लक्ष्य और पद्धति का उपयोग करके यह अनुप्रेषित retargetedPreviewएक नए स्थान पर, "कचरा कर सकते हैं," इसके पैमाने के साथ लगभग शून्य तक:



यदि उपयोगकर्ता एक उंगली उठाता है, तो एक "रीसेट" होता है Drop, और मुझे ( गारबेज व्यू की तरह ) एक प्रदर्शन संदेश मिलता है । PerformDrop संदेश में , हम वास्तविक "रीसेट" करते हैं Drop। ईमानदारी से, गारबेज व्यू पर डाली गई छवि अब हमारे लिए कोई दिलचस्पी नहीं रखती है, क्योंकि हम इसे व्यावहारिक रूप से अदृश्य बना देंगे, सबसे अधिक संभावना है कि "रीसेट" के पूरा होने का तथ्य Dropयह संकेत देगा कि हम इस छवि को संग्रह से हटा देते हैं Collection View। इसे पूरा करने के लिए, हमें स्वयं संग्रह और संग्रह सूचकांक को जानना चाहिएइसमें छवि को छोड़ दिया। हम उन्हें कहाँ से प्राप्त कर सकते हैं?

क्योंकि प्रक्रिया Drag & Dropस्थानीय: एक ही आवेदन में जगह लेता है, यह स्थानीय हम सभी के लिए उपलब्ध है Dragसत्र localDragSession हमारे Dropसत्र सत्र , स्थानीय संदर्भ localContext , जिनमें से हमारे संग्रह है sollectionView और स्थानीय वस्तु localObject रीसेट छवि है, जो हम अपने आप में क्या कर सकते हैं छवि "गैलरी" या से indexPath । इस वजह से हम विधि में प्राप्त कर सकते हैं performDrop वर्ग GarbageView संग्रह संग्रह है, और इसे का उपयोगडेटा स्रोत कैसे ImageGalleryCollectionViewController और मॉडल imageGallery हमारेController, हम की छवियों की एक सरणी प्राप्त कर सकते हैं छवियों प्रकार [ImageModel]:



स्थानीय की मदद सेDragसत्र localDragSession हमारेDropसत्र सत्र हम सब पर "खींचें" प्राप्त करने में सक्षम थे GarbageView Drag के तत्वों आइटम , और वहाँ एक बहुत हो सकता है, जैसा कि हम जानते हैं, और वे सभी हमारे संग्रह दृश्य संग्रह की छवियां हैं। बनानाDragतत्वों dragItems हमारे संग्रहCollection View, हम प्रत्येक "खींचें" के लिए प्रदान की हैDragतत्वdragItem स्थानीय वस्तु localObject , जो की छवि है छवि , लेकिन यह है कि हम काम में दौरान आंतरिक पुनर्गठन संग्रह नहीं आते हैं CollectionView , लेकिन "रीसेट" छवि गैलरी हम सख्त स्थानीय सुविधा में की जरूरत है "कचरा कर सकते हैं" localObject "खींचें" वस्तु dragItem , सभी इस समय के बाद हमारे पास समन्वयक नहीं है, जो संग्रह दृश्य संग्रह में क्या हो रहा है, के बारे में इतनी उदारता से जानकारी साझा करता है। इसलिए, हम चाहते हैं स्थानीय वस्तु localObject सूचकांक था indexPath छवि सरणी में छवियों हमारे मॉडल कीimageGallery । विधि में आवश्यक परिवर्तन करें : dragItems (IndexPath indexPath पर) वर्ग ImageGalleryCollectionViewController :



अब हम हर "pretaskivaemogo" तत्व ले जा सकते हैं आइटम यह localObject , जो सूचकांक है indexPath छवि सरणी में छवियों हमारे मॉडल की imagegallery और सरणी अनुक्रमणिका के लिए भेज अनुक्रमित और सरणी indexPahes हटाने छवियों:



सूचकांक सरणी को जानने का अनुक्रमित और सरणी indexPahes विधि में नष्ट छवियों performBatchUpdatesसंग्रह संग्रह हम सभी हटाए गए चित्रों को मॉडल छवियों से और संग्रह संग्रह से हटाते हैं :



एप्लिकेशन लॉन्च करें, नई छवियों के साथ गैलरी भरें: उन चित्रों के



एक जोड़े का चयन करें जिन्हें हम अपनी गैलरी से हटाना चाहते हैं ...



"उन्हें" कचरा "आइकन" पर ड्रॉप करें ...



वे व्यावहारिक रूप से कम हो गए हैं 0 ...



... और संग्रह से गायब हो जाता है Collection View, "कचरा कर सकते हैं" में छिपा:

बीच में छवियों को सहेजना शुरू होता है।

रन के बीच छवि गैलरी को बचाने के लिए, हम अपने मॉडल को एक प्रारूप में परिवर्तित करने के बाद, UserDefaults का उपयोग करेंगे JSON। ऐसा करने के लिए, हम करने के लिए जोड़ देगा हमारे Controllerचर वर defailts ...



..., और मॉडल में ImageGallery और ImageModel प्रोटोकॉल Codable :



स्ट्रिंग स्ट्रिंग , के एरे सरणी , यूआरएल , और डबल पहले से ही प्रोटोकॉल को लागू कर रहे हैं Codable , तो हम काम एन्कोडिंग को पाने के लिए क्या करना कुछ और की जरूरत नहीं है और प्रारूप में ImageGallery मॉडल के लिए डिकोडिंग JSON।
हम ImageGallery का JSONसंस्करण कैसे प्राप्त करेंगे ?
इस विस्तार चर बनाने के लिए वर json जो अपने आप में परिवर्तित करने के लिए प्रयास करता है, के परिणाम देता है, स्वयं , के माध्यम से JSONEncoder.encode () में JSONप्रारूप:



और वह सब है। यदि यह रूपांतरण विफल रहता है, तो या तो डेटा को स्वरूप में स्वयं को परिवर्तित करने JSONया शून्य होने के परिणामस्वरूप वापस कर दिया जाएगा , हालांकि बाद वाला कभी नहीं होता है, क्योंकि यह TYPE 100% सांकेतिक है । प्रयुक्त वैकल्पिक चर json सिर्फ समरूपता के कारणों के लिए।
अब हमारे पास ImageGallery मॉडल को डेटा प्रारूप में बदलने का एक तरीका है JSON। क्या json वेरिएबल में एक प्रकार का डेटा है? जिसे UserDefaults में याद रखा जा सकता है ।
अब कल्पना करें कि किसी तरह हम jsonJSON डेटा प्राप्त करने में कामयाब रहे , और मैं उनसे अपने मॉडल, ImageCallery संरचना का एक उदाहरण फिर से बनाना चाहूंगा । ऐसा करने के लिए, ImageGallery के लिए एक INITIALIZER लिखना बहुत आसान है , जिसका इनपुट तर्क json डेटा है । यह इनिशलाइज़र एक "गिरने वाला" इनिशलाइज़र होगा (JSONfailable)। यह प्रारंभ करने में विफल रहता है, यह "गिर जाता है" और रिटर्न शून्य :



मैं सिर्फ एक नया मान हो रही है newValue डिकोडर द्वारा JSONDecoder , डेटा को डिकोड करने की कोशिश कर रहा json , जो मेरे प्रारंभकर्ता को स्थानांतरित कर रहे हैं, और उसके बाद करने के लिए इसे प्रदान करती है स्वयं ।
मैं यह कर सकता है, मैं की एक नई प्रतिलिपि प्राप्त imagegallery , लेकिन अगर मेरी प्रयास विफल रहता है, मैं वापस आ जाएगी शून्य , इसलिए मेरे आरंभीकरण के रूप में "विफल"।
मुझे यह कहना चाहिए कि यहाँ हमारे पास "विफल" ( fail) होने के और भी कई कारण हैं , क्योंकि यह संभव है कि जोसनJSON डेटा होखराब या खाली किया जा सकता है, यह सब failइनिशियलाइज़र के "फॉल" ( ) को जन्म दे सकता है।

अब हम पढ़ें लागू कर सकते हैं JSONडेटा और वसूली मॉडल imagegallery विधि viewWillAppear हमारे Controller...



... और साथ ही पर्यवेक्षक में एक प्रविष्टि didSet {} गुण imagegallery :



लेट्स आवेदन चलाने के लिए और छवियों के हमारे गैलरी भरने:



हम आवेदन को बंद करने और इसे फिर से खोलते हैं, तो हम अपने पिछले गैलरी देख सकते हैं UserDefaults में सहेजी गई छवियां ।

निष्कर्ष।

यह आलेख प्रदर्शित करता है कि एक बहुत ही सरल डेमो एप्लिकेशन "इमेज गैलरी" के उदाहरण का उपयोग करके तकनीक Drag & Dropको एक iOSएप्लिकेशन में एकीकृत करना कितना आसान है । इससे छवि गैलरी को पूरी तरह से संपादित करना संभव हो गया, अन्य अनुप्रयोगों से नई छवियों को "फेंकना", मौजूदा लोगों को स्थानांतरित करना और अनावश्यक लोगों को हटाना। और गैलरी में संचित छवियों को अन्य अनुप्रयोगों में वितरित करने के लिए भी।

बेशक, हम कई ऐसे विषयगत चित्रों का संग्रह बनाना चाहते हैं और उन्हें सीधे iPad या iCloud ड्राइव में सहेजना चाहते हैं। यह किया जा सकता है अगर इस तरह की प्रत्येक गैलरी को स्थायी रूप से संग्रहीत UIDocument के रूप में व्याख्या की जाती है। इस तरह की व्याख्या हमें अमूर्तता के अगले स्तर तक पहुंचने और दस्तावेजों के साथ काम करने वाले एप्लिकेशन बनाने की अनुमति देगी। इस तरह के एक आवेदन में, आपके दस्तावेज़ DocumentBrowserViewController घटक द्वारा दिखाए जाएंगे , बहुत ही आवेदन के समान Files। यह आपको "इमेज गैलरी" प्रकार की UIDocument छवियां बनाने की अनुमति देगा जो आपके iPadऔर दोनों पर iCloud Drive, साथ ही देखने और संपादन के लिए वांछित दस्तावेज़ का चयन करें।
लेकिन यह अगले लेख का विषय है।

PS तंत्र के कार्यान्वयन से पहले Drag & Dropऔर उसके बाद डेमो एप्लिकेशन का कोड Github पर है ।