एडोब फ्लेक्स 3 शुरुआती वास्तुकला

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

शुरू करते हैं, हमेशा की तरह, जन्म से

प्रश्न: मैं एक घटक बनाता हूं जो नग्न महिलाओं के चित्रों को कुछ आंतरिक इंटरफ़ेस तत्वों को दिखाता है। उन्हें इनिशियलाइज़ करना कहाँ तक बेहतर है, और यह क्रिएचिल्ड्रेन क्या है?



क्लास कंस्ट्रक्टर में संसाधन-गहन कुछ भी नहीं करना बेहतर है। यह आमतौर पर केवल चर को इनिशियलाइज़ करने और इवेंट लिस्ट्रेन को जोड़ने के लिए उपयोग किया जाता है।

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



एक उदाहरण:

ओवरराइड प्रोटेक्ट फंक्शन createChildren (): void

{

// जांचें कि क्या घटक पहले से मौजूद है

अगर ( हमारा !

{

// यदि नहीं, तो बनाएं

ourNestedComponent = new NestedComponent ();

addChild ( ourNestedComponent );

}

// बनाने के लिए मत भूलना बनाएँ पदानुक्रम पदानुक्रम

सुपर । createChildren ();

}

अब मजेदार हिस्सा जीवन और उपयोगकर्ता बातचीत है

प्रश्न: मैं कुछ गुणों को बदलना चाहता हूं, क्या इसके लिए भी कोई जादू है?



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



परिवर्तनों की वैधता तीन चरणों में होती है:

1. गुण बदल जाते हैं
2. पसंदीदा आयामों की गणना की जाती है (माप फ़ंक्शन)
3. आंतरिक तत्वों के वास्तविक आकार, आकार और निर्देशांक की गणना की जाती है, साथ ही साथ उन सभी चीजों को भी तैयार किया जाता है जिन्हें तैयार करना है। (फ़ंक्शन अपडेटडिसप्लेलिस्ट)
   
   

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

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

स्टेज एक - प्रतिबद्धताओं समारोह

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

एक उदाहरण:



सार्वजनिक फ़ंक्शन सेट सेक्शन ( मान : स्ट्रिंग ): शून्य

{

_section = मूल्य ; // एक निजी चर के लिए नए मूल्य को बचाओ

_संचालित = सच्चा ; // याद रखें कि वास्तव में क्या बदल गया है

अमान्य प्रक्रिया (); // अगले पुनरावृत्ति पर कॉल करने वाली समितियों को घटक पर हस्ताक्षर करें

}

सार्वजनिक समारोह सेट नग्नडग्री ( मूल्य : स्ट्रिंग ): शून्य

{

_nudeDegree = value ;

_nudeDegreeChanged = true ;

अमान्य प्रक्रिया ();

}



ओवरराइड प्रोटेक्टेड फंक्शन कम्यूप्रेशर (): शून्य

{

अगर ( _sectoinChanged || _nudeDegreeChanged )

{

// यहां हम आवश्यक फ़ोटो लोड करने का सारा काम करते हैं

....



// परिवर्तन के बारे में ध्वज को हटा दें

_संचालन = असत्य ;

_nudeDegreeChanged = false ;

}



// अन्य गुण लागू करें

...



// पदानुक्रम तक समितियों को कॉल करना न भूलें

सुपर । वचनबद्धता ();



}

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

अगला सत्यापन चरण उपाय () फ़ंक्शन है

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



माप फ़ंक्शन के लिए एक घटक की सदस्यता के लिए, आपको अमान्य कॉल करना होगा () फ़ंक्शन। माप फ़ंक्शन को केवल तभी निष्पादित किया जाता है यदि घटक के आयाम निर्दिष्ट नहीं होते हैं और डिफ़ॉल्ट मानों की गणना करते हैं, अन्यथा, निर्दिष्ट आकार का उपयोग किया जाता है।

और अंत में, सत्यापन का अंतिम चरण: फ़ंक्शन अपडेटडिसप्लेलिस्ट

किसी भी आंतरिक तत्वों के आकार या निर्देशांक से संबंधित सब कुछ यहां स्थित होना चाहिए। updateDisplayList दो मापदंडों को स्वीकार करता है: unscaledWidth और unscaledHeight। वे मूल घटक द्वारा निर्धारित किए जाते हैं, और उन्हें (और चौड़ाई और ऊंचाई नहीं) आंतरिक घटकों के निर्देशांक और आकार की गणना में उपयोग किया जाना चाहिए।

आंतरिक घटकों के गुणों को बदलने के लिए नियमों का पालन करना भी आवश्यक है:

1. विशिष्ट मान सेट करते हुए, उन्हें सीधे सेट करें (चौड़ाई, ऊँचाई) फ़ंक्शन का उपयोग करके आकार बदलें, और सीधे नहीं
2. परिवर्तन निर्देशांक (x, y) फ़ंक्शन का उपयोग करके, सीधी रेखा के बजाय, विशिष्ट x और y मान निर्दिष्ट करता है
3. ज्यादातर मामलों में, ये नियम गलत घटक व्यवहार के साथ समस्याओं को समाप्त करेंगे।

घटक आयाम

प्रश्न: फ्लेक्स में बहुत सारे अलग-अलग गुण होते हैं जो आयामों को दर्शाते हैं। वे सब क्यों हैं?



आयाम कई तरीकों से निर्धारित किए जाते हैं।

1. पसंदीदा आकार (मापा जाता है, मापा जाता है)। वे घटक द्वारा ही निर्धारित होते हैं। इन आकारों का उपयोग तब तक किया जाता है जब तक कि विशेष रूप से अन्यथा इंगित नहीं किया जाता है, और यदि घटक इस स्थान के लिए पर्याप्त है। यदि आप उदाहरण के लिए MXML के माध्यम से एक बटन लगाते हैं, और आयाम निर्दिष्ट नहीं करते हैं, तो यह ठीक उसी आकार का होगा जैसा कि माप फ़ंक्शन का उपयोग करके निर्धारित किया गया है
   
   
2. न्यूनतम आयाम (मापाविनविदथ और मापमिन्हाइट)। वे घटक द्वारा भी निर्धारित किए जाते हैं। इस मामले में जब आकार निर्दिष्ट नहीं होते हैं (मापावार्ड और मापाहाइट का उपयोग किया जाता है), और पसंदीदा आकार मूल घटक के आयामों से बड़े होते हैं, यह घटक को खुद में फिट करने के लिए इसे कम करने की कोशिश करता है। न्यूनतम आकार बस इन प्रयासों के लिए निचली सीमा निर्धारित करते हैं
   
   
3. प्रतिशत आयाम (प्रतिशतता और प्रतिशतता) मूल घटक के आयामों के प्रतिशत हैं
   
   
4. स्पष्ट रूप से निर्दिष्ट आयाम (स्पष्टता और स्पष्टता) पिक्सल में घटक के आयाम हैं। चौड़ाई और ऊंचाई के माध्यम से सीधे सेट करें
   
   

प्रतिशत में आकार और पिक्सेल में आकार पसंदीदा और न्यूनतम पर निर्भर नहीं करता है और कोई भी मान ले सकता है।



विषय पर पढ़ें:

www.slideshare.net/Constantiner/flex-component-lifecycle-overview - पावेल कोझिन द्वारा एक अद्भुत प्रस्तुति से स्लाइड, दुर्भाग्य से ध्वनि के बिना। यह लगभग सब कुछ है जो मैंने रूसी इंटरनेट पर इस विषय पर पाया था।

घटक को लागू करना [ENG] - एडोब से ही एक आजीविका। विस्तार से, लेकिन थोड़ा सूखा और अंग्रेजी में। हालाँकि, पढ़ना आवश्यक है।