कैप्पुकिनो का परिचय

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

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

कहानी

2008 में, फ्रांसिस्को टॉल्मास्की, टॉम रॉबिन्सन और रॉस बाउचर (फ्रांसिस्को और रॉस पूर्व एप्पल कर्मचारी हैं) ने 280 उत्तर बनाए और 280 स्लाइड , एक प्रस्तुति प्रस्तुति वेब एप्लिकेशन लॉन्च किया। यह अभी भी अपने लुक और फील के साथ प्रभावित करता है, और तब यह कुछ असत्य था। इसके अलावा, 280 स्लाइड्स एक स्वतंत्र उत्पाद नहीं था, यह सिर्फ नए वेब ढांचे, कैप्पुकिनो की क्षमताओं का प्रदर्शन था।

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

2009 में, 280 उत्तर ने एक नए उत्पाद एटलस की घोषणा की, और यह भी एक सफलता तकनीक साबित हुई। एटलस वेब अनुप्रयोगों के लिए इंटरफ़ेस बिल्डर का एक एनालॉग है, इसमें आप लाइब्रेरी से आवश्यक घटकों को खींचते हुए, माउस के साथ इंटरफेस बना सकते हैं। एक-दो मिनट का काम सीएसएस के साथ पीड़ा के दिन की तुलना में अधिक प्रभावशाली परिणाम देता है। कैप्पुकिनो के विपरीत, एटलस एक बंद भुगतान कार्यक्रम है, आपको बीटा संस्करण डाउनलोड करने के लिए $ 20 का भुगतान करने की आवश्यकता है। यह निबंध कैप्पुकिनो को समर्पित है, इसलिए मैं एटलस का अधिक विस्तार से वर्णन नहीं करूंगा। मैं केवल यह कह सकता हूं कि इंटरफेस बनाते समय यह वास्तव में बहुत समय बचाता है, आपको प्रयोज्य पर ध्यान केंद्रित करने की अनुमति देता है, और ब्राउज़रों के विभिन्न संस्करणों के साथ संघर्ष पर नहीं।

अफवाहों के मुताबिक, 2010 की गर्मियों में, कैपटुचीनो और एटलस तब तेजी से विकसित हुए, जब मोटोरोला ने अपनी सभी संपत्तियों के साथ 280 उत्तर खरीदे, $ 20 मिलियन खर्च किए। खरीद का आधिकारिक उद्देश्य एंड्रॉइड प्लेटफॉर्म पर विकास प्रौद्योगिकियों का विकास है। कई दुष्ट भाषाओं में कैप्पुकिनो की मृत्यु के बारे में बात करना शुरू हो गया, हालांकि, आधा साल बीत चुका है, फिर भी रूपरेखा सक्रिय रूप से विकसित हो रही है, और 23 फरवरी को संस्करण 0.9 जारी किया गया था।

इसलिए, कैप्पुकिनो वेब एप्लिकेशन बनाने के लिए सबसे उन्नत तकनीकों में से एक है, इसका विकास एक बड़े निगम द्वारा प्रदान किया गया है। यह हर वेब प्रोग्रामर के लिए उपयोगी होगा, या कम से कम अपने आप को फ्रेमवर्क से परिचित करा सकता है, और चलिए शुरू करते हैं।

सिद्धांत

Cappuccino की मुख्य विशेषता इसके लिए विशेष रूप से बनाई गई Objective-J भाषा है। यह जावास्क्रिप्ट के लिए एक ही ऐड-ऑन है जैसा कि ऑब्जेक्ट-सी, सी के लिए है। मेरे लिए, कई के लिए, शुरुआत में यह पूरी तरह से स्पष्ट नहीं था कि ऑब्जेक्ट-ओरिएंटेड ऐड-इन एक भाषा पर क्यों बनाया गया था जो कि ऑब्जेक्ट-ओरिएंटेड है। हालाँकि, यह बहुत मायने रखता है।

सबसे पहले, उद्देश्य-जे के लिए धन्यवाद, कैप्पुकिनो कोको एपीआई को पूरी तरह से दोहराता है। यह विषय पर या यहां तक ​​कि रचनात्मक प्रसंस्करण पर एक कल्पना नहीं है, यह सिर्फ एक पुनरावृत्ति है, कार्यों के हस्ताक्षर के ठीक नीचे है। इसके कारण, मैक ओएस एक्स और आईओएस पर काम करने वाले प्रोग्रामर आसानी से वेब डेवलपमेंट पर स्विच कर सकते हैं। सभी एपीआई की सुविधा को डेस्कटॉप पर दीर्घकालिक उपयोग द्वारा सत्यापित किया गया है, जो कि NeXTSTEP OS से शुरू होता है। और अंत में, जब फ्रेमवर्क का उपयोग कर रहे हैं, तो आप सफलतापूर्वक कोको प्रलेखन का उपयोग कर सकते हैं, जो डॉक्सिज़न की गुणवत्ता और विस्तार में कैप्पुकिनो प्रलेखन को पार करता है।

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

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

मैंने कैप्पुकिनो का उपयोग करना शुरू कर दिया क्योंकि मैं इसके साथ बनाए गए अनुप्रयोगों के लुक से आकर्षित था। अब मैं समझता हूं कि असली ताकत इसके एपीआई में है, जो पहली बार में मुझे भयानक लग रहा था। इसलिए, मैं आपसे आग्रह करता हूं कि आप इसके बारे में अंतिम निर्णय लेने से पहले रूपरेखा के दर्शन से अवगत हो जाएं।

आइए उद्देश्य-जे की समीक्षा के साथ शुरुआत करें। जावास्क्रिप्ट में वह जो मुख्य चीज लाता है वह है कक्षाएं। उन्हें @implementation का उपयोग करके परिभाषित किया गया है:

  @ कार्यान्वयन व्यक्ति: CPObject
 {
     CPString नाम @accessors;
 }

 (आईडी) initWithName: (CPString) नाम
 {
     अगर (स्व = [सुपर init])
         नाम = नाम;
     स्व लौट आओ;
 }

 (व्यक्ति) personWithName: (CPString) नाम
 {
     वापसी [[व्यक्ति आवंटित] initWithName: aName];
 }

 @end 

@implementation और @end बीच एक वर्ग वर्णन है। Cappuccino वर्ग पदानुक्रम के शीर्ष CPObject से Person वर्ग को विरासत में मिला है। फिर, वर्ग सदस्य चर ब्रेसिज़ में घोषित किए जाते हैं। name - एक स्ट्रिंग सदस्य चर जिसके लिए @accessors और सेटर स्वचालित रूप से उत्पन्न होते हैं ( @accessors लिए धन्यवाद)। ऑब्जेक्टिव-जे में setName: के नामकरण का नियम कुछ गैर-मानक है - यह name और setName: इस प्रारूप का पालन किया जाना चाहिए, जैसा कि कैपुचिनो आंतरिक तंत्र इस पर भरोसा करते हैं।

ऑब्जेक्टिव-जे ऑब्जेक्ट्स के बीच इंटरेक्शन मैसेज फॉरवर्डिंग के माध्यम से होता है, यह तकनीक पहली बार स्मॉलटाक भाषा में दिखाई दी थी। सिंथेटिक, यह इस तरह दिखता है:

  [वस्तु संदेश]
 [संदेश ऑब्जेक्टपैरमीटर: मान]
 [पैरामीटर 1 के साथ संदेश वस्तु: value1 पैरामीटर 2: value2]
 ... 

उदाहरण के लिए, कॉलिंग गेटर्स और एक Person की श्रेणी के Person का बसर इस तरह दिखता है:

  var नाम = [aPerson name];
 [aPerson सेटनाम: "वास्या"]; 

सदस्य चर के बाद घोषित किए जाते हैं, @end कीवर्ड से पहले। कक्षा विधियां एक प्लस के साथ शुरू होती हैं, कक्षा की आवृत्ति विधियां माइनस से शुरू होती हैं।

ऑब्जेक्टिव-जे में एक वर्ग का एक उदाहरण बनाना दो चरणों में होता है: पहला, इस वर्ग का alloc विधि एक असंगठित वस्तु बनाता है, और फिर कंस्ट्रक्टर (इनिट विधि) इसे आरंभ करता है। अक्सर वर्ग विधियों को परिभाषित किया जाता है जो इस प्रक्रिया को सरल बनाते हैं, personWithName: इस तरह की एक विधि का एक उदाहरण है।

Objective-J में कंस्ट्रक्टर्स के नाम आमतौर पर init शब्द के साथ शुरू होते हैं। प्रत्येक कंस्ट्रक्टर को पहले सुपरक्लास के कंस्ट्रक्टर को कॉल करने का ध्यान रखना चाहिए, फिर प्रारंभ करें और self वापस करें। एक डिज़ाइन त्रुटि को nil मान देकर लौटाया जाता है (हाँ, ऑब्जेक्टिव-सी निर्माण के समय, अपवाद अभी तक फैशन में नहीं थे, इसलिए कोको और, परिणामस्वरूप, उनके साथ कैप्पुकिनो डिस्पेंस)।

शैली एकता के लिए, Objective-J, Objective-C से लिए गए तीन चरों को परिभाषित करता है, ये nil , YES और NO । वे क्रमशः null , true और false समान हैं। कैप्पुकिनो कोडिंग स्टाइल दिशानिर्देशों का उपयोग करने की सलाह देते हैं।

इस निबंध के कई पाठकों की तरह, मैंने कभी ऑब्जेक्टिव-सी का इस्तेमाल नहीं किया, इसलिए यह मेरे लिए पूरी तरह से अस्पष्ट था कि क्लास को @implementation द्वारा क्यों परिभाषित किया गया है, उदाहरण के लिए, @class । विशेष रूप से एक ही जिज्ञासु के लिए: ऑब्जेक्टिव-सी, ऐड-ऑन सी के रूप में, डिक्लेरेशन फ़ाइलों (* हेड्स से .h) और डेफिनिशन फाइल्स (* .m से मैसेज) का उपयोग करता है, इसलिए क्लासेस ( @interface ) और डिफाइन ( @implementation @interface ) घोषित किया जाना चाहिए। । ऑब्जेक्टिव-जे को घोषणाओं की आवश्यकता नहीं है, इसलिए केवल @implementation ।

अभ्यास

यह कैपुचीनो को स्थापित करने का समय है। यदि आप Windows का उपयोग कर रहे हैं, तो आपको सबसे पहले Cygwin (एक अप्रिय परिस्थिति) को स्थापित करना होगा। बाकी सभी और जिन्होंने अभी भी पिछले कदम पर फैसला किया है, बस कैप्पुकिनो स्टार्टर पैकेज डाउनलोड करें और इसमें बूटस्ट्रैप.श स्क्रिप्ट चलाएं।

स्थापना के बाद, सिस्टम पर कैप उपयोगिता दिखाई देनी चाहिए। एक उदाहरण के रूप में, हम ट्विटर पर खोज के लिए एक आवेदन (आश्चर्य!) बना रहे होंगे। हम इसे उत्पन्न करते हैं:

  कैप जीन "ट्विटर खोज" 

दिखाई देने वाले फ़ोल्डर में, फ़ाइलों का एक गुच्छा होता है, हम सूचकांक-डीबग.html और AppController .j (* .j में ऑब्जेक्टिव-जे कोड के साथ मानक फ़ाइल एक्सटेंशन है) में रुचि रखते हैं।

Index-debug.html खोलें। Google Chrome की सख्त सुरक्षा नीति Cappuccino को फ़ाइल के साथ काम करने के दौरान आवश्यक फ़ाइलों को डाउनलोड करने की अनुमति नहीं देती है: // प्रोटोकॉल, वेब सर्वर को उठाना आवश्यक है, अन्य सभी ब्राउज़रों में हम काम कर रहे हैलो वर्ल्ड एप्लीकेशन को देखेंगे! कैपुचिनो, जावास्क्रिप्ट में ऑब्जेक्टिव-जे कोड को ब्राउज पर, सही में संकलित करता है, इसलिए विकास के दौरान आप सिर्फ पेज को रिफ्रेश कर सकते हैं और पुनर्निर्माण की चिंता नहीं कर सकते। डाउनलोड को गति देने के लिए एप्लिकेशन के "कॉम्बैट" संस्करण को पहले से संकलित किया जा सकता है।

हम विकास के लिए आगे बढ़ते हैं। AppController क्लास को AppController.j फ़ाइल में परिभाषित किया गया है, ऑब्जेक्टिव-जे में यह समान नाम की फ़ाइल में प्रत्येक वर्ग के कोड को रखने के लिए प्रथागत है। कैप्पुकिनो स्टार्टअप पर AppController का एक उदाहरण बनाता है, इसे एप्लिकेशन को इनिशियलाइज़ करना होगा और इसके आगे के काम को प्रबंधित करना होगा।

कक्षा को परिभाषित करने से पहले, हम कैप्पुकिनो के दो मुख्य भागों Foundation और AppKit आयात करते हैं। Foundation में व्यावसायिक तर्क प्रदान करने के लिए कक्षाएं शामिल हैं, और AppKit उपयोगकर्ता इंटरफ़ेस कक्षाओं का एक पुस्तकालय है।

  @import <Foundation / Foundation.j>
 @import <AppKit / AppKit.j> 

@import कीवर्ड @import निर्दिष्ट फ़ाइल शामिल है। सी में के रूप में, कोण कोष्ठक में पथ निर्दिष्ट करते समय, फ़ाइल को मौजूदा फ़ोल्डर में दोहरे उद्धरण चिह्नों का उपयोग करते समय सिस्टम फ़ोल्डर में खोजा जाएगा।

applicationDidFinishLaunching: विधि applicationDidFinishLaunching: आवेदन शुरू होने के तुरंत बाद सभी वस्तुओं पर कहा जाता है। कैप्पुकिनो विधियों के सार्थक नाम उन लोगों के लिए भी कोड को समझने योग्य बनाते हैं जो रूपरेखा से परिचित नहीं हैं, इसलिए मैं केवल गैर-स्पष्ट मामलों में स्पष्टीकरण दूंगा। कैपुचिनो आपको कीस्ट्रोक्स से बचाने की संभावना नहीं है, इसलिए कम से कम उन्हें मुझे बचाएं।

एप्लिकेशन को आरंभ करने के लिए, हम एक विंडो और एक टेक्स्ट फ़ील्ड बनाएंगे:

  var विंडो = [[CPWindow आबंटित] initWithContentRect: CGRectMake (100, 100, 250, 70)
                                          स्टाइलमास्क: CPTitledWindowMask],
     contentView = [विंडो contentView],
     textField = [[CPTextField आवंटित] initWithFrame: CGRectMake (25, 20, 200, 30)]; 

जावास्क्रिप्ट फ़ंक्शन CGRectMake(x, y, width, height) उस आयत का वर्णन करता है जिसमें नियंत्रण स्थित होगा। सामग्री contentView विधि विंडो के आंतरिक क्षेत्र का एक दृश्य लौटाती है।

मैं 80 वर्णों की लंबाई की सीमा का एक प्रबल समर्थक हुआ करता था। कैप्पुकिनो में इस नियम को लागू करने से कोड एक अपठनीय गड़बड़ी में बदल जाता है, इसलिए अधिकांश डेवलपर्स ऑब्जेक्ट-जे और उद्देश्य-सी दोनों के साथ काम करते समय खुद को सीमित नहीं करते हैं। एकमात्र अपवाद Google दिशानिर्देश हैं , लेकिन वह और Google।

अब टेक्स्ट फ़ील्ड को संपादन योग्य बनाते हैं और इसमें फ़्रेम जोड़ते हैं:

  [textField setEditable: YES];
 [textField setBezeled: YES]; 

लक्ष्य और क्रिया सेट करें, अर्थात ऑब्जेक्ट और विधि जिसे यह दर्ज किया जाना चाहिए, जब फ़ील्ड में एंटर बटन दबाया जाता है:

  [textField setTarget: आत्म];
 [textField setAction: @selector (didSubmitTextField :)]; 

एक विधि को पारित मान में बदलने के लिए @selector उपयोग किया जाता है।

एक फ़ील्ड को विंडो में जोड़ें और इसे केंद्रित करें:

  [contentView addSubview: textField];
 [विंडो मेकफ्रस्टरेन्डर: टेक्स्टफिल्ड]; 

और अंत में, हम विंडो दिखाते हैं:

  [खिड़की केंद्र];
 [विंडो सेटिटेल: "ट्विटर सर्च"];
 [खिड़की आदेश: स्वयं]; 

आवेदन का प्रारंभिककरण समाप्त हो गया है, अब हम Enter दबाने के लिए इसकी प्रतिक्रिया निर्धारित करेंगे, अर्थात। didSubmitTextField: विधि didSubmitTextField:

  - (शून्य) didSubmitTextField: (CPTextField) textField
 {
     var searchString = [textField stringValue];
     यदि (खोज!)
         वापसी;
     [[[SearchWindowController आवंटित] initWithSearchString: searchString] showWindow :ilil];
     [textField setStringValue: ""];
     [[textField window] makeKeyAndOrderFront: nil];
 } 

हम टेक्स्ट फ़ील्ड का मान निकालते हैं और यदि यह खाली नहीं है, तो SearchWindowController का एक उदाहरण बनाएं, इसकी विंडो दिखाएं, टेक्स्ट फ़ील्ड खाली करें और इसकी विंडो को आगे बढ़ाएं। छोटी बात यह है कि SearchWindowController क्लास को विकसित करना है।

फ़ाइल बनाएँ SearchWindowController.j और CPWindowController से हमारी कक्षा विरासत में CPWindowController :

  @ कार्यान्वयन SearchWindowController: CPWindowController
 {
 }

 @end 

एक निर्माता को परिभाषित करें जो एक खिड़की बनाता है और ट्विटर पर एक अनुरोध करता है:

  - (आईडी) initWithSearchString: (CPString) searchString
 {
     अगर (स्व = [सुपर init]) {
         var विंडो = [[CPWindow आबंटित] initWithContentRect: CGRectMake (10, 30, 300, 400)
                                                  styleMask: CPTitledWindowMask |  CPClosableWindowMask |  CPResizableWindowMask];
         [खिड़की setTitle: searchString];
         [स्व सेटविन्डो: विंडो];
         var request = [CPURLRequest requestWithURL: "http://search.twitter.com/search.json?q=" + encodeURIComponent (searchString)];
         [CPJSONPConnection sendRequest: अनुरोध कॉलबैक: "कॉलबैक" प्रतिनिधि: स्वयं];
     }
     स्व लौट आओ;
 } 

और अंत में, ट्विटर से एक प्रतिक्रिया हैंडलर लिखें:

  - (शून्य) कनेक्शन: (CPJSONPConnection) कनेक्शन didReceiveData: (ऑब्जेक्ट) डेटा
 {
     var contentView = [[स्व विंडो] contentView];

     अगर (data.results.length) {
         var सीमा = [contentView सीमा],
             collectionView = [[CPCollectionView आवंटन] initWithFrame: सीमा];
         [collectionView setAutoresizingMask: CPViewWidthSizable];
         [संग्रह दृश्य setMaxNumberOfColumns: 1];
         [collectionView setMinItemSize: CGSizeMake (200, 100)];
         [collectionView setMaxItemSize: CGSizeMake (10000, 100)];

         var आइटमप्रोटोटाइप = [[CPCollectionViewItem आबंटित] init];
         [itemPrototype setView: [TweetView new]];
         [collectionView setItemPrototype: itemPrototype];
         [संग्रह दृश्य सेट करें: data.results];

         var स्क्रॉल दृश्य = [[CPScrollView आवंटन] initWithFrame: सीमा];
         [स्क्रॉलव्यू सेटऑउटर्साइजिंग मेस्क: CPViewWidthSizable |  CPViewHeightSizable]
         [स्क्रॉल दृश्य सेटडायमेंमेंट व्यू: संग्रह दृश्य];
         [contentView addSubview: स्क्रॉल दृश्य];
     } {
         var लेबल = [CPTextField labelWithTitle: "नो ट्वीट"],
             boundsSize = [contentView boundsSize];
         [लेबल सेटसेंटर: CGPointMake (boundsSize.width / 2, boundsSize.height / 2)];
         [लेबल setAutoresizingMask: CPViewMinXMargin |  CPViewMaxXMargin |  CPViewMinYMargin |  CPViewMaxYMargin];
         [contentView addSubview: लेबल];
     }
 } 

ट्वीट प्रदर्शित करने के लिए, यह लाइब्रेरी क्लासेस CPCollectionView , CPCollectionViewItem और CPScrollView का उपयोग करता है। लेकिन TweetView वर्ग TweetView स्वतंत्र रूप से परिभाषित करना होगा।

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

यह TweetView वर्ग से निपटने के लिए बना हुआ है:

  @ कार्यान्वयन कलरव: CPView
 {
     CPImageView imageView;
     CPTextField userLabel;
     CPTextField tweetLabel;
 }

 - (शून्य) setRepresentedObject: (आईडी) ट्वीट
 {
     अगर (छवि दृश्य) {
         imageView = [[CPImageView आवंटन] initWithFrame: CGRectMake (10, 5, 48, 48)];
         [स्वयं addSubview: imageView];

         userLabel = [[CPTextField आवंटित] initWithFrame: CGRectMake (65, 0, -60, 18)];
         [userLabel setAutoresizingMask: CPViewWidthSizable];
         [userLabel setFont: [CPFont boldSystemFontOfSize: 12]];
         [आत्म AddSubview: userLabel];

         tweetLabel = [[CPTextField आवंटित] initWithFrame: CGRectMake (65, 18, -60, 100)];
         [tweetLabel setAutoresizingMask: CPViewWidthSizable];
         [tweetLabel setLineBreakMode: CPLineBreakByWordWrapping];
         [आत्म AddSubview: tweetLabel];
     }
     [imageView setImage: [[CPImage आवंटन] initWithContentsOfFile: tweet.profile_image_url आकार: CGSizeMake (48, 48)]];
     [userLabel setStringValue: tweet.from_user];
     [tweetLabel setStringValue: tweet.text];
 }

 @end 

setRepresentedObject: विधि एक अवतार छवि और दो टैग बनाती है, एक उपयोगकर्ता नाम और ट्वीट के साथ।

अब फिर से index-debug.html खोलें और कुछ शब्दों को देखें। परिणाम कुछ इस तरह होना चाहिए:


आप पूर्ण उदाहरण कोड देख सकते हैं और उसका परीक्षण कर सकते हैं।

आगे क्या है?

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