👌🏿 🍫 💍 तालिका दृश्य का उपयोग करना 🌟 🙂 🍲

आपका दिन शुभ हो!

लंबे समय से मैं खुद को मैक ओएस एक्स / आईओएस के तहत प्रोग्रामिंग के लिए दूसरी भाषा / मंच सीखने के लिए मजबूर करने की कोशिश कर रहा था। एक देशी जीयूआई के साथ अनुप्रयोगों का विकास रुचि का है, क्योंकि कंसोल एप्लिकेशन को C और C ++ से Nodejs तक किसी भी चीज़ पर विकसित किया जा सकता है, जो अब फैशनेबल है। जैसा कि अभ्यास से पता चला है, क्यूटी जैसे क्रॉस-प्लेटफ़ॉर्म फ्रेमवर्क यहां बहुत उपयुक्त नहीं हैं, यदि केवल इसलिए कि वे मूल रूप और लुक प्रदान नहीं करते हैं, जो इस ओएस के उपयोगकर्ताओं के लिए उपयोग किया जाता है।

ऑब्जेक्टिव-सी भाषा और हैबो पर कोको ढांचे की पर्याप्त मात्रा में सामग्री हैं। GUI के दृष्टिकोण से, कोको ब्याज की है, और यहाँ अधिकांश लेख बटन और पाठ क्षेत्र तक सीमित हैं। मैं इस गलतफहमी को ठीक करने की कोशिश करूंगा और प्रक्रियाओं के एक सूची को प्रदर्शित करने वाले एप्लिकेशन के उदाहरण का उपयोग करके टेबल व्यू के साथ काम का वर्णन करूंगा।

लेख पूरा होने का दावा नहीं करता है और सामग्री बिल्कुल सही है और मुख्य रूप से शुरुआत डेवलपर्स के उद्देश्य से है। त्रुटियों और रचनात्मक आलोचना को टिप्पणियों में सुनकर खुशी होगी। कौन परवाह करता है, बिल्ली में आपका स्वागत है।

सिद्धांत

विकास के लिए, हमें टेबल व्यू के कुछ ज्ञान की आवश्यकता है। चलो उनके साथ शुरू करते हैं। टेबल व्यू के साथ काम करने का एक विस्तृत विवरण [1] में दिया गया है, यहां मैं खुद को मुख्य विचारों के संक्षिप्त सारांश तक सीमित करूंगा।

तालिका देखें प्रकार

टेबल व्यू के दो प्रकार हैं:

सेल-आधारित - प्रत्येक टेबल सेल का प्रतिनिधित्व NSCell के एक उपवर्ग द्वारा किया जाता है। ज्यादातर मामलों में, यह पर्याप्त है, लेकिन यह जटिल कोशिकाओं के साथ तालिकाओं को विकसित करते समय कठिनाइयों का कारण बनता है, क्योंकि NSCell को उपवर्ग की आवश्यकता होती है। Mac OS X संस्करणों में 10.6 और इससे पहले, केवल इस प्रकार की तालिका मौजूद थी।
दृश्य-आधारित - प्रत्येक सेल एक अलग दृश्य है। यह आपको जटिल तालिकाओं का निर्माण करने की अनुमति देता है, यहां तक कि एनीमेशन समर्थन के साथ, बहुत कठिनाई के बिना। इस प्रकार की तालिका केवल मैक ओएस एक्स 10.7 में दिखाई दी।

इस लेख में हम सेल-आधारित तालिका दृश्य के साथ काम करने पर विचार करेंगे, क्योंकि इसके कार्य हमारे लिए पर्याप्त हैं, समाधान सरल होगा और न केवल ओएस एक्स के नए संस्करणों के साथ काम करेगा।

तालिका दृश्य में डेटा स्थानांतरण

डेटा को दो तरीकों से टेबल व्यू में स्थानांतरित किया जा सकता है:

प्रोटोकॉल के कार्यान्वयन का उपयोग करना (इंटरफेस) NSTableViewDelegate , NSTableViewDataSource , और फिर इंटरफ़ेस व्यू बिल्डर के माध्यम से इन प्रोटोकॉल को लागू करने वाले वर्ग के साथ तालिका दृश्य को संबद्ध करना। आपको आउटलेट्स डेटा स्रोत और प्रतिनिधि को बाँधने की आवश्यकता है। और इस वर्ग में, सरलतम मामले में, दो तरीकों को लागू करना आवश्यक है:
- numberOfRowsInTableView: - तालिका में पंक्तियों की कुल संख्या लौटाता है
- tableView: objectValueForTableColumn: पंक्ति: - पंक्ति तर्क में पारित पंक्ति के लिए तत्व देता है। इस मामले में कॉलम संख्या ऑब्जेक्ट में दूसरे तर्क का उपयोग करके निर्धारित की जाती है, ऑब्जेक्टवैल्यूफ़ोरटेबल कॉलम ।
एक नियंत्रक और बाइंडिंग (बाइंडिंग) का उपयोग करना। यह तकनीक मॉडल-व्यू-कंट्रोलर (MVC) पैटर्न [2] और कोको बाइंडिंग तकनीक पर आधारित है। MVC के बारे में बताने का शायद कोई मतलब नहीं है - हर किसी ने उसके बारे में सुना है, और जिसने भी नहीं सुना है वह विकी पर लिंक पा सकता है। कोको बाइंडिंग अधिक विस्तार से वास करेंगे।

कोको बाइंडिंग

कोको OS X 10.3 संस्करण के बाद से मैक ओएस एक्स में पेश किया गया है। इसका मुख्य लक्ष्य मॉडल वस्तुओं और दृश्य को जोड़ने के लिए नियंत्रक कोड की मात्रा को कम करना है।
कोको बाइंडिंग दो तंत्रों पर आधारित है:

की-वैल्यू कोडिंग (KVC) - इन क्षेत्रों के नाम से किसी वस्तु के खेतों तक पहुँचने का एक तंत्र।
की-वैल्यू ऑब्जर्विंग (KVO) - एक तंत्र जो एक वस्तु को अन्य वस्तुओं में बदलाव की निगरानी करने की अनुमति देता है।

कोको बाइंडिंग के बारे में अधिक जानकारी [3] में मिल सकती है।

इस सिद्धांत के समाप्त होने पर, हम अभ्यास करने के लिए आगे बढ़ सकते हैं।

अभ्यास

Xcode खोलें और एक नया कोकोआ प्रोजेक्ट बनाएं। चलो इसे प्रोसेस मॉनिटर कहते हैं। मैं प्रकाशन के समय Xcode (4.2.1) के नवीनतम संस्करण का उपयोग कर रहा हूं, इसलिए कुछ चरण अलग-अलग हो सकते हैं।

जीयूआई निर्माण

MainMenu.xib फ़ाइल खोलें, इसमें विंडो चुनें। हम इसे 500 से 480 तक सेट करेंगे। यह आकार निरीक्षक (दाईं साइडबार में शासक आइकन) में किया जाता है। वहां हम न्यूनतम आकार - चेकबॉक्स और आवश्यक आकार निर्धारित करेंगे।

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

अब हमें स्तंभों को तालिका में जोड़ना होगा। हम तीन कॉलम प्रदर्शित करेंगे - प्रक्रिया का पीआईडी, आइकन और प्रक्रिया का नाम। डिफ़ॉल्ट रूप से, तालिका में दो कॉलम जोड़े जाते हैं। आपको इस नंबर को 3. में बदलना होगा। ऐसा करने के लिए, विंडो में क्लिक करके टेबल (टेबल व्यू) का चयन करें। यहां आपको एक छोटा सा विषयांतर करने की आवश्यकता है। तथ्य यह है कि खिड़की की वस्तुओं को एक दूसरे में घोंसला बनाया गया है और वांछित एक का चयन करना आसान नहीं है। दो विकल्प हैं: या तो ऑब्जेक्ट विंडो में वस्तुओं के पदानुक्रम में वांछित आइटम का चयन करें (मुझे लगता है कि यह Xcode 4 में दिखाई दिया था, मैंने इसे पहले नहीं देखा है), या कमांड + कंट्रोल + शिफ्ट वांछित ऑब्जेक्ट के साथ विंडो पर क्लिक करें। तालिका का चयन करने के बाद, गुण निरीक्षक पर जाएं और कॉलम के मान को 3 पर सेट करें।

अब कॉलम को नाम असाइन करें। यह कॉलम हैडर पर डबल-क्लिक करके किया जाता है। पहले कॉलम का नाम PID है, दूसरा खाली है, तीसरा प्रोसेस नाम है।

हम टेबल कॉलम का आकार बदलते हैं। ऐसा करने के लिए, स्तंभ का चयन करें और इसका आकार आकार निरीक्षक में सेट करें। पहले के लिए (पीआईडी): 60, दूसरे के लिए (आइकन): 40, तीसरे के लिए (प्रक्रिया नाम) - शेष सभी स्थान।

टेक्स्ट से छवि तक तालिका के दूसरे कॉलम के प्रकार को बदलें। ऐसा करने के लिए, ऑब्जेक्ट लाइब्रेरी में इमेज सेल ("इमेज" द्वारा खोजें) ढूंढें और इसे दूसरे कॉलम में खींचें।

इन सभी चरणों के बाद, आप रन बटन पर क्लिक कर सकते हैं और इस विंडो को देख सकते हैं:

एक नियंत्रक और बाइंडिंग जोड़ना

अब एक नियंत्रक जोड़ें जो तालिका के साथ सहभागिता करेगा। तालिका के लिए नियंत्रक का सबसे उपयुक्त प्रकार NSArrayController है। हम इसे ऑब्जेक्ट लाइब्रेरी ("सरणी" के लिए खोज) में ढूंढते हैं और इसे ऑब्जेक्ट सूची में खींचते हैं।

तालिका के लिए बाइंडर सेट करें। ऐसा करने के लिए, तालिका दृश्य का चयन करें और बाइंडिंग इंस्पेक्टर (दाईं साइडबार में प्रवेश करने वाला टैब) पर जाएं। वहां, तालिका सामग्री अनुभाग में, सामग्री का चयन करें और बिंद को स्थापित करें: नियंत्रक के साथ सरणी नियंत्रक: अरेंजमेंट।

अब हम KVC तकनीक का उपयोग करते हैं और इंगित करते हैं कि प्रत्येक कॉलम को कौन सा डेटा प्रदर्शित करना चाहिए। ऐसा करने के लिए, हम प्रत्येक कॉलम (तालिका स्तंभ) का चयन करते हैं और बाइंडिंग इंस्पेक्टर में हम मान को बाइंड करने के लिए सेट करते हैं: कंट्रोलर कुंजी के साथ ऐरे नियंत्रक: व्यवस्थित ऑबजेक्ट्स। और प्रत्येक कॉलम के लिए, मॉडल कुंजी पथ मान क्रमशः हैं: processIdentifier, icon, localizedName। ऐसे मान क्यों सेट किए गए हैं, नीचे वर्णित किया जाएगा।

इसलिए हमने कंट्रोलर के साथ टेबल को कनेक्ट किया। यह डेटा के साथ कंट्रोलर को संबद्ध करने के लिए बना हुआ है।

सबसे पहले, हम इन बहुत डेटा का निर्धारण करेंगे। AppDelegate.h फ़ाइल खोलें और NSArray प्रकार की सामग्री संपत्ति को परिभाषित करें:

@property (retain) NSArray* contents;

फ़ाइल में AppDelegate.m लिखें:

 @synthesize contents;

अब MainMenu.xib पर वापस जाएं और कंट्रोलर को बताएं कि किस डेटा का उपयोग करना है। बाइंडिंग इंस्पेक्टर के पास जाएं और कंट्रोलर कंटेंट सेक्शन में बाइंड टू कंटेंट एरे को सेट करें: ऐप डेलिगेट, और मॉडल की पाथ: कंटेंट।
इस पर, बाइंडरों की स्थापना पूरी हो गई है, हमें बस आवश्यक डेटा के साथ AppDelegate में सामग्री सरणी में भरना होगा।

चल रही प्रक्रियाओं की सूची प्राप्त करना

सभी चलने वाली प्रक्रियाओं की सूची प्राप्त करने के कई तरीके हैं। मैं इसके बारे में एक अलग लेख में लिखूंगा। अब चलो कोको का उपयोग करते हुए सबसे सरल और सबसे स्पष्ट तरीके से देखें। वह प्रक्रियाओं की पूरी सूची प्राप्त नहीं करता है, लेकिन इसे अभी तक हमें चिंतित न होने दें।
AppDelegate में updateProcessList पद्धति को परिभाषित करें:

 - (void)updateProcessList { NSWorkspace* workspace = [NSWorkspace sharedWorkspace]; self.contents = [NSArray arrayWithArray:[workspace runningApplications]]; }

चलिए इस विधि को कक्षा में सबसे पहले बनाते हैं ताकि इसे हेडर फ़ाइल में परिभाषा के बिना अन्य तरीकों से बुलाया जा सके।
कोड पर एक छोटी टिप्पणी। पहली पंक्ति में हमें NSWorkspace कक्षा की एक वस्तु मिलती है । इस वर्ग की एक वस्तु कार्यक्रम में एक एकल प्रति, एक प्रकार की सिंगलटन में मौजूद है, और इसे शेअरवर्क क्षेत्र द्वारा प्राप्त किया गया है।
इस ऑब्जेक्ट में रनिंग ऐप्लिकेशंस विधि है जो सरणी में चल रहे एप्लिकेशन की एक सूची देता है। सब कुछ सरल है। और हम इस सरणी का उपयोग नियंत्रक के डेटा के रूप में करते हैं।

इस सरणी का प्रत्येक तत्व NSRunningApplication वर्ग की एक वस्तु का प्रतिनिधित्व करता है। इस वर्ग में कई गुण हैं, जिनमें से प्रक्रियाप्रदाता हैं , आइकन , स्थानीयकृत नाम । याद रखें कि हमने उन्हें टेबल कॉलम के लिए सेट किया है? तो, KVC के लिए धन्यवाद, NSRunningApplication के इन मूल्यों का उपयोग तालिका प्रदर्शन के दौरान किया जाएगा।

अब हम एप्लिकेशन के लॉन्च के दौरान बनाई गई विधि में एक कॉल जोड़ते हैं। ऐसा करने के लिए, लाइन जोड़ें:

 [self updateProcessList];

ApplicationDidFinishLaunching विधि के लिए।

आवेदन समाप्ति

मैक ओएस एक्स में, यह स्वीकार किया जाता है कि अंतिम विंडो बंद होने के बाद किसी एप्लिकेशन को समाप्त नहीं करना है। हमारे उदाहरण में, इसका बहुत अर्थ नहीं है, इसलिए स्वचालित पूर्णता जोड़ें। यह बहुत सरलता से किया जाता है - AppDelegate.m में एक विधि जोड़कर:

 - (BOOL)applicationShouldTerminateAfterLastWindowClosed:(NSApplication *)sender { return YES; }

निष्कर्ष

अब हमारा आवेदन तैयार है। यदि सब कुछ सही ढंग से किया जाता है, तो शुरू करने के बाद आप कुछ इस तरह देख सकते हैं:

एक अभ्यास के रूप में, मैं पाठक को प्रक्रियाओं की सूची के आवधिक अद्यतन को लागू करने का सुझाव देता हूं। ऐसा करने के लिए, आप NSTimer वर्ग और इस वर्ग के अनुसूचित TimerWithTimeInterval विधि का उपयोग कर सकते हैं [5]।

इसलिए, इस लेख में, हमने टेबल व्यू का उपयोग करके एक सरल एप्लिकेशन बनाने की प्रक्रिया को देखा। अधिकांश क्रियाएं इंटरफ़ेस बिल्डर में की गईं और उन्हें प्रोग्रामिंग की बिल्कुल भी आवश्यकता नहीं थी। सब कुछ जो सरलीकृत किया जा सकता था - खिड़की नियंत्रक ( NSWindowController ), व्यू कंट्रोलर ( NSViewController ), मेमोरी प्रबंधन और बहुत कुछ नहीं माना गया।

अगले लेख में, मैं एक प्रक्रिया पेड़ प्रदर्शित करने के लिए एक पदानुक्रमित सूची ( NSOutlineView ) पर विचार करने की योजना बना रहा हूं। और, अगर वहां पर्याप्त कोड है, तो मैं गितुब पर एक रिपॉजिटरी बनाऊंगा।

आपका ध्यान देने के लिए आप सभी का धन्यवाद!

संदर्भ

Upd। कर्म प्राप्त किया और मैक ओएस एक्स को स्थानांतरित कर दिया।

तालिका दृश्य का उपयोग करना