फ्लैश ड्रैग एंड ड्रॉप कोड स्निपेट

• मई 5, 2024

फ्लैश CS5 में कोड स्निपेट्स शामिल हैं जिन्हें आप अपनी परियोजनाओं के लिए शुरुआती बिंदु के रूप में उपयोग कर सकते हैं। आइए ड्रैग एंड ड्रॉप कोड स्निपेट पर एक नज़र डालें।

एक नया एक्शनस्क्रिप्ट 3.0 प्रोजेक्ट शुरू करें। आप देखेंगे कि हमारे पास टाइमलाइन में लेयर 1 पर डिफ़ॉल्ट एक फ्रेम और एक खाली स्टेज है।

कोड स्निपेट पैनल खोलें (विंडो Code कोड स्निपेट)। आपको Actions फ़ोल्डर में ड्रैग एंड ड्रॉप कोड स्निपेट मिलेगा।

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

अब, Flash हमें बताता है कि हमें स्क्वायर को मूवी क्लिप में बदलने और मूवी क्लिप को एक इंस्टेंस नाम देने की आवश्यकता है। यह हमारे लिए ऐसा करने की पेशकश करता है। तो, ठीक पर क्लिक करें। हमारी ड्रैग और ड्रॉप कोड प्रदर्शित करने के लिए क्रियाएँ पैनल अपने आप खुल जाएगा। इस पैनल को थोड़ी देर के लिए बंद करें ताकि हम यह जांच सकें कि हमारे फ्लैश फ्लै में और क्या हुआ है।

टाइमलाइन पर, अब हमारे पास एक नई क्रिया परत (शीर्ष परत) है और फ़्रेम 1 में एक छोटा "ए" है जो यह दर्शाता है कि एक्शनस्क्रिप्ट कोड उस फ्रेम में जोड़ा गया है। हमारे पास अभी भी वर्ग के साथ हमारी परत 1 है, लेकिन अगर हम वर्ग पर क्लिक करते हैं और गुण पैनल को देखते हैं, तो हम देखते हैं कि फ्लैश ने "सिंबल 1" नामक एक नई फिल्म क्लिप को "movieClip_1" के एक इंस्टेंस नाम के साथ बनाया है।

अब हम अपनी फ्लैश फिल्म का परीक्षण कर सकते हैं। फ़्लैश प्रोफेशनल में कंट्रोल � टेस्ट मूवी पर क्लिक करें। वर्ग पर क्लिक करें और इसे मंच पर किसी अन्य स्थान पर खींचें।

आइए फिर से क्रियाएँ पैनल खोलें, और कोड देखें। कोड स्निपेट में फ़ंक्शन और दो ईवेंट श्रोता होते हैं। कोड की पहली पंक्ति (टिप्पणी के बाद) हमारे मूवीक्लिप_1 में एक ईवेंट श्रोता जोड़ता है। इवेंट श्रोता MOUSE_DOWN माउसइवेंट के लिए सुनता है। जब फ़्लैश नोटिस कि माउस बटन नीचे क्लिक किया गया है, यह fl_ClickToDrag नामक पहला फ़ंक्शन चलाएगा।

Fl_ClickToDrag फ़ंक्शन प्रारंभ () को लागू करता है; हमारी फिल्म पर कार्य करें। यह स्टार्टड्रैग फ़ंक्शन एक "बिल्ट-इन" फ्लैश फ़ंक्शन है जो लक्ष्य (movieClip_1) को मंच पर खींचने की अनुमति देता है। हमारे पास एक समय में केवल एक मूवी क्लिप ड्रैग करने योग्य हो सकती है और यह मूवी क्लिप ड्रैगेबल रहती है जब तक कि दो चीजों में से एक नहीं होती है। पहला स्टॉपड्रेग () है; फ़ंक्शन को कहा जाता है। हम इस बारे में अगले पैराग्राफ में बात करेंगे। दूसरा स्टार्टड्राग लागू करना है (); मंच पर किसी अन्य वस्तु के लिए कार्य।

अब जब हम अपनी मूवी क्लिप को खींच सकते हैं, तो हमें उस कोड को देखना होगा जो हमारी मूवी क्लिप को "ड्रॉप" करेगा। जैसा कि आप देख सकते हैं, कोड की अगली पंक्ति एक इवेंट श्रोता को मंच पर जोड़ देगी (मूवी क्लिप नहीं)। यह फ़्लैश को MOUSE_UP माउसईवेंट के लिए सुनने और Fl_ReleaseToDrop फ़ंक्शन को चलाने के लिए कहता है।

Fl_ReleaseToDrop फ़ंक्शन किसी अन्य अंतर्निहित फ़्लैश फ़ंक्शन स्टॉपड्रैग () पर लागू होता है; चलचित्र के लिए। यह फ़ंक्शन मूवी क्लिप से स्टार्टड्रैग () क्षमता को रोकता या हटाता है।

कॉपीराइट 2018 एडोब सिस्टम्स शामिल। सभी अधिकार सुरक्षित। Adobe उत्पाद स्क्रीन शॉट (ओं) को Adobe सिस्टम शामिल से अनुमति के साथ पुनर्मुद्रित किया गया। Adobe, Photoshop, Photoshop एल्बम, Photoshop तत्व, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, आतिशबाजी, योगदान, कैप्टिनेट, फ्लैश कैटालिस्ट और फ्लैश पेपर संयुक्त राज्य अमेरिका और / या अन्य देशों में शामिल Adobe Systems का या तो [a] पंजीकृत ट्रेडमार्क [s] या ट्रेडमार्क [s] है।

वीडियो निर्देश: Easy Drag n Drop with JavaScript - how to code tutorial (मई 2024).