आईओएस डेवलपमेंट तकनीकों का उपयोग मेरे द्वारा चित्रांकन प्रतियोगिता में किया गया

हाल ही में, iOS प्लेटफॉर्म के लिए Vkontakte फोटो प्रतियोगिता के तीन राउंड हुए हैं। प्रतियोगिता का लिंक: http://vk.com/photo_contest पहले दौर के आवेदन को विकसित करने की प्रक्रिया में, मुझे कुछ समस्याओं के दिलचस्प समाधान मिले। मैं इन फैसलों को जनता के साथ साझा करना चाहता था। मुझे iOS डेवलपर्स के लिए कुछ नया खोजने की संभावना नहीं है, मुझे नहीं लगता कि यह लेख शुरुआती लोगों के लिए भी उपयुक्त है। मुझे लगता है कि 2-5 अनुप्रयोगों के अनुभव के साथ लेख आईओएस डेवलपर्स के लिए दिलचस्प होगा।

स्क्रॉल के साथ क्षैतिज टेप
डिवाइस मेमोरी से नवीनतम तस्वीरें

सबसे पहले, यह बहुत सक्षम है कि टेप में बहुत शुरुआत से आप बिल्कुल 4 या 5 चित्र नहीं, बल्कि 4 और 1/3 देख सकते हैं। यह उपयोगकर्ता को तुरंत समझने की अनुमति देता है कि तस्वीरों की सूची क्षैतिज रूप से स्क्रॉल कर रही है।

कई प्रश्न हैं:

• इस फ़ीड में कितनी तस्वीरें अपलोड की गई हैं?
• फ़ोटो के डायनामिक अपलोडिंग को कैसे व्यवस्थित करें ताकि वे सभी रैम में लटका न रहें?

सबसे पहले मैंने तय किया कि मैं टेप में डिवाइस की मेमोरी से सभी तस्वीरें प्रदर्शित करूँगा, डाउनलोड गति के साथ समस्याओं के मामले में मैंने खुद को इस मुद्दे पर लौटने का वादा किया था।
तुरंत डिवाइस की मेमोरी से सभी तस्वीरों को सही क्रम में प्राप्त करने में समस्या थी, क्योंकि टेप की शुरुआत में नवीनतम फ़ोटो प्रदर्शित करना आवश्यक था। यह तुरंत पता चला कि नवीनतम फ़ोटो सहेजी गई फ़ोटो के साथ मेरे एल्बम में नहीं थीं, लेकिन फोटो स्ट्रीम में, जिसे मेरे भाई ने उस दिन मेरे साथ साझा किया था।
यह टेप की शुरुआत में सहेजे गए फ़ोटो के साथ एल्बम से नवीनतम फ़ोटो प्रदर्शित करने का निर्णय लिया गया था, और पहले से ही इस एल्बम के पीछे अन्य सभी। फोटोग्राफी के प्रत्येक एल्बम के अंदर मैंने आखिरी से शुरू करने की व्यवस्था शुरू की। यहाँ स्रोत कोड है जो वर्णित क्रम में ALAsset की एक सरणी प्राप्त करता है:

 @implementation ALAssetsLibrary (Extension) - (void)latestAssetsAndCall:(void (^)(NSMutableArray *))callback { __block NSMutableArray * assets = [NSMutableArray arrayWithCapacity:5000]; [self enumerateGroupsWithTypes:ALAssetsGroupAll usingBlock:^(ALAssetsGroup *group, BOOL *stop) { if (group == nil) { callback(assets); return; } ALAssetsGroupType groupType = [[group valueForProperty:ALAssetsGroupPropertyType] intValue]; int insertIndex = (groupType == ALAssetsGroupSavedPhotos) ? 0 : assets.count; [group enumerateAssetsUsingBlock:^(ALAsset *result, NSUInteger index, BOOL *stop) { if (result != nil) [assets insertObject:result atIndex:insertIndex]; }]; } failureBlock:^(NSError *error) { if (error) NSLog(@"%@", error); }]; } @end 

दूसरे प्रश्न के बारे में, मुझे UITableView का उपयोग करने से बेहतर कुछ भी नहीं मिला, क्योंकि यह केवल लंबी सूचियों के माध्यम से स्क्रॉल करने, सामग्री को लोड करने और समान तालिका कोशिकाओं का पुन: उपयोग करने के लिए बनाया गया था। केवल एक चीज यह है कि तालिका को 90 ° वामावर्त घुमाया जाना चाहिए। यह देखते हुए कि परिवर्तन वस्तु के केंद्र के सापेक्ष किया जाता है, हम टेप के केंद्र के प्रस्तावित स्थान में UITableView का केंद्र रखते हैं और प्रदर्शन करते हैं:

 self.tableView.transform = CGAffineTransformMakeRotation(-M_PI_2); 

टेबल सेल बनाते समय, आपको रिवर्स ट्रांसफॉर्मेशन करना होगा - रोटेशन 90 ° क्लॉकवाइज:

 - (UItableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath { UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"BottomRollCell"]; if (cell == nil) { cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:@"BottomRollCell"]; cell.contentView.transform = CGAffineTransformMakeRotation(M_PI_2); //     } //       } 

आखिर में हमारे पास क्या है? जैसे ही तालिका स्क्रॉल होती है, यह हमसे इसकी कोशिकाओं की सामग्री मांगती है। ALAsset की एक सरणी होने से, हमें थंबनेल चित्र मिलते हैं और उन्हें तालिका कोशिकाओं से भर देते हैं। तालिका बहुत सुचारू रूप से स्क्रॉल करती है, फ़ोटो अपलोड करने के साथ कोई अंतराल नहीं देखा गया है। सभी फ़ोटो लेने के समय के बारे में - 2500 फ़ोटो प्राप्त करने में 1 सेकंड से कम समय लगता है, लेकिन एप्लिकेशन लॉन्च करना महत्वपूर्ण है। हम ALAsset प्राप्ति पर दाईं से बाईं ओर गिरने वाली तालिका का एक एनीमेशन ALAsset । यह बहुत अच्छा निकलता है और आधा सेकंड की देरी व्यावहारिक रूप से ध्यान देने योग्य नहीं है। इसके अलावा, क्वेरी सभी संपत्तियों की नहीं है, लेकिन गति में वृद्धि के कई अनुक्रमों को सेट करके, यह कुछ हद तक मुझे निराश नहीं करता है। इस प्रकार, पहले फ़ोटो के त्वरित प्रीलोड के साथ अनुकूलन रोल नहीं करता था।

फ़ोटो खोलने और बंद करने का एनीमेशन

यह टेप से सीधे थंबनेल से फ़ोटो का विस्तार करने का निर्णय लिया गया था जब उन्हें खोला गया था और संपादन रद्द होने पर उन्हें वापस कर दिया गया था। तालिका में एक विशिष्ट सेल की आयत के निर्देशांक प्राप्त करने के लिए, मैंने कक्षा विधि UITableView उपयोग किया:

 - (CGRect)rectForRowAtIndexPath:(NSIndexPath *)indexPath; 

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

डिवाइस की तस्वीरों में परिवर्तन को ट्रैक करने के लिए, आपको ALAssetsLibraryChangedNotification घटना की सदस्यता लेनी चाहिए, जिसके द्वारा आपको ALAsset के सरणी को फिर से लोड करना ALAsset । एप्लिकेशन द्वारा फ़ोटो को सहेजते समय टेप को अपडेट करने से रोकने के लिए, आपको अगले अपडेट के दौरान टेप ALAsset को रद्द करने के लिए आंतरिक ध्वज का उपयोग करना होगा और ALAsset सरणी की शुरुआत में मैन्युअल रूप से एक नया ALAsset जोड़ना होगा।
सहेजना मेरी सबसे बाईं स्थिति में किया जाता है, मैं तालिका को एक छवि की चौड़ाई से दाईं ओर स्थानांतरित करता हूं, टेप में छवि को चेतन करता हूं, तालिका को एनीमेशन के बिना वापस ले जाता हूं, और मैन्युअल रूप से पुनः reloadData कॉल करता reloadData ।

आसानी से और जितनी जल्दी संभव हो छवियों को खोलने और बंद करने के एनीमेशन के लिए, मुझे एक दिलचस्प काम करना था। यदि आप कोई फोटो खोलते हैं, तो उसका पैमाना बदलें और कैंसल बटन दबाएं, यह तस्वीर ठीक उसी रूप में रिबन में उड़ जाएगी, जिस रूप में हमने इसे स्केलिंग के बाद छोड़ा था। जब तक यह स्क्रीन की सीमा के पीछे छिपा हुआ है और फिर से लोड नहीं किया गया है, तब तक फोटो इस रूप में रहेगा। इस प्रभाव को प्राप्त करने के लिए, मैंने चाबियाँ के रूप में NSMutableDictionary URL के साथ NSMutableDictionary और मूल्यों के रूप में CGRect युक्त एक NSValue का उपयोग किया। दुर्भाग्य से, मैं वीडियो समीक्षा में इस संपत्ति को निकालना भूल गया, लेकिन यह मेरे लिए सबसे दिलचस्प समस्याओं में से एक थी।

प्रभाव का उपयोग करके आसानी से पैमाने और स्थिति की तस्वीरें

मैं वास्तव में चयनित प्रभाव के एक साथ आवेदन और पूर्वावलोकन में फोटो के स्केलिंग और पोजिशनिंग करना चाहता था, भी, सब कुछ तुल्यकालिक रूप से स्थानांतरित करें और प्रभाव लागू करें। सामान्य तौर पर, यदि आप ऐसा करने की कोशिश करते हैं - धीमा करने के लिए यह आनन्द ईश्वरविहीन होगा। एक दिलचस्प समाधान पाया गया, मुख्य तस्वीर के लिए चयनित प्रभाव को लागू करें और फोटो को पांच गुना कम (अधिक सटीक 320.0 / 56.0) लें और इसके बाकी प्रभावों को लागू करें, और स्केलिंग और स्थिति के साथ मुख्य UIScrollView साथ थंबनेल को सिंक्रनाइज़ करें। यह विधि जल्दी, आसानी से और बिना जाम के काम करती है।



कोड जो मुख्य स्क्रॉल के साथ थंबनेल स्क्रॉल को सिंक्रनाइज़ करता है (ये UIScrollViewDelegate प्रतिनिधि विधि हैं):

 - (void)scrollViewDidScroll:(UIScrollView *)scrollView { for (UITableViewCell * cell in [self.filtersTable visibleCells]) { UIScrollView * filterScrollView = (UIScrollView *)[cell.contentView viewWithTag:125]; filterScrollView.contentOffset = CGPointMake(scrollView.contentOffset.x*56/320, scrollView.contentOffset.y*56/320); } } - (void)scrollViewDidZoom:(UIScrollView *)scrollView { for (UITableViewCell * cell in [self.filtersTable visibleCells]) { UIScrollView * filterScrollView = (UIScrollView *)[cell.contentView viewWithTag:125]; filterScrollView.zoomScale = self.scrollView.zoomScale; filterScrollView.contentOffset = CGPointMake(scrollView.contentOffset.x*56/320, scrollView.contentOffset.y*56/320); } } 

परिणाम सहेज रहा है

चूंकि हमारे लिए सबसे महत्वपूर्ण बात यह है कि आवेदन की गति और एक पूरे के रूप में छवियों की गुणवत्ता, प्रतिस्पर्धा की स्थिति को विनियमित नहीं किया जाता है, मैंने चित्रों को 640x640 (रेटिन पर) के आकार में सहेजने का निर्णय लिया। और ऐसा करने का सबसे आसान तरीका छवि के संदर्भ में एक प्रमुख बदलाव के साथ मुख्य दृश्य को प्रस्तुत करना है:

 - (UIImage *)renderImageForSaving { UIGraphicsBeginImageContextWithOptions(self.scrollView.bounds.size, YES, 0.0); CGContextTranslateCTM(UIGraphicsGetCurrentContext(), 0, -self.scrollView.frame.origin.y); [self.view.layer renderInContext:UIGraphicsGetCurrentContext()]; UIImage * image = UIGraphicsGetImageFromCurrentImageContext(); UIGraphicsEndImageContext(); return image; } 

यह शिलालेखों आदि के साथ तेज और बिना अतिरिक्त समस्याओं के है। हां, संकल्प को और भी अधिक बचाया जा सकता था - लेकिन यह एक पूरी तरह से अलग समस्या है, समय और धैर्य की आवश्यकता होती है)

मेरे शरारती कुत्ते के साथ वीडियो आवेदन का प्रदर्शन:



मुझे लगता है कि आप एक लिंक दे सकते हैं (ठीक है?)। आवेदन क्रमशः निशुल्क और विज्ञापनों के बिना है।
ऐप लिंक: https://itunes.apple.com/app/pictography/id570470169
IOS5 के तहत, कई अलग-अलग ग्लिच अब देखे गए हैं, सुधार के साथ एक अद्यतन सत्यापन के लिए भेजा गया है और सप्ताह के अंत तक अपेक्षित है ...

PS और अंत में, इस तरह की प्रतियोगिताओं के आयोजन और संचालन के लिए Vkontakte को बहुत-बहुत धन्यवाद। आखिरकार, वे प्रोग्रामर्स को उनके लिए नए, होनहार मंच विकसित करने के लिए प्रेरित / प्रोत्साहित करते हैं (किसी कारण से, यह मुझे लगता है कि प्रतिभागियों के बीच मंच के लिए कई नए लोग हैं)। प्रतियोगिता के लिए इनपुट डेटा बहुत प्रसन्न था - सभी चित्र चयन की तरह थे। कहीं कोई अतिरिक्त पिक्सेल नहीं ...