ड्रैग एंड ड्रॉप की सहज उपयोगिता के साथ फ़ाइल अपलोड के लिए समर्थन जोड़ें।
कई आधुनिक एप्लिकेशन उन फाइलों पर काम करते हैं जिन्हें उपयोगकर्ता अपने सिस्टम पर अपलोड कर सकता है। छवि संपादक, कोड आईडीई और वर्ड प्रोसेसर सभी उदाहरण हैं। यदि आप विंडोज़ फॉर्म एप्लिकेशन बना रहे हैं, तो आप इस कार्यक्षमता को अपने यूजर इंटरफेस के हिस्से के रूप में आसानी से जोड़ सकते हैं।
विंडोज फॉर्म एप्लिकेशन आपको यूआई तत्वों जैसे पैनल या सूची बॉक्स को खींचने और छोड़ने की अनुमति देते हैं। आप अपनी ड्रैग एंड ड्रॉप कार्यक्षमता बनाने के लिए इन यूआई तत्वों का उपयोग कर सकते हैं। जब उपयोगकर्ता किसी फ़ाइल को पैनल पर खींचता है, तो आप उस फ़ाइल के आधार पर प्रतिक्रिया प्रदर्शित कर सकते हैं।
ड्रैग एंड ड्रॉप कंटेनर के लिए यूआई कैसे बनाएं
ड्रैग एंड ड्रॉप कार्यक्षमता के लिए यूआई बनाने के लिए आप पैनल तत्व का उपयोग कर सकते हैं। फिर आप पैनल पर खींचे गए किसी भी फाइल के नाम प्रदर्शित करने के लिए लिस्टबॉक्स यूआई तत्व का उपयोग कर सकते हैं।
- एक नया विंडोज़ प्रपत्र अनुप्रयोग बनाएँ.
- टूलबॉक्स में, पैनल UI तत्व की खोज करें और इसे कैनवास पर खींचें।
- नए पैनल को हाइलाइट करें। गुण विंडो में, निम्न गुणों के मान बदलें:
संपत्ति
नया मूल्य
नाम
ड्रैगड्रॉपपैनल
पिछला रंग
सफेद धुआं
झालर की शैली
फिक्स्ड सिंगल
आकार
600, 400
दृश्यमान
सत्य
- टूलबॉक्स में, ListBox UI तत्व की खोज करें और इसे कैनवास पर खींचें। इसे स्थिति दें ताकि यह पैनल के अंदर हो, और सुनिश्चित करें कि लिस्टबॉक्स और पैनल के बीच कुछ अंतर है।
- नए लिस्टबॉक्स को हाइलाइट करें, और निम्न गुणों के मान बदलें:
संपत्ति
नया मूल्य
नाम
अपलोड की गई फ़ाइलें सूची
पिछला रंग
सफेद धुआं
झालर की शैली
कोई नहीं
आकार
500, 300
दृश्यमान
असत्य
ड्रैग एंड ड्रॉप इवेंट कैसे जोड़ें
आप उपयोग कर सकते हैं विंडोज़ फॉर्म एप्लिकेशन में घटनाएं कुछ घटनाओं के होने पर ही कुछ कार्यों को निष्पादित करने के लिए।
ड्रैग एंड ड्रॉप पैनल में कार्यक्षमता जोड़ने के लिए, आपको दो ईवेंट जोड़ने होंगे। "DragEnter" घटना घटित होगी जब आप पैनल पर फ़ाइलें खींचेंगे। "ड्रैगड्रॉप" घटना तब घटित होगी जब आप माउस को फाइल को पैनल में छोड़ने के लिए जाने देंगे।
- बाहरी पैनल UI तत्व को हाइलाइट करें।
- गुण विंडो में, पर क्लिक करें बिजली चमकना ईवेंट सूची खोलने के लिए आइकन।
- पर डबल क्लिक करें ड्रैगइंटर एक नया कार्य उत्पन्न करने के लिए घटना। जब आप फ़ाइलों को पैनल पर खींचेंगे तो यह फ़ंक्शन निष्पादित होगा।
- नए फ़ंक्शन के अंदर, ड्रैग/ड्रॉप क्रिया को इंगित करने के लिए माउस के आइकन को बदलें:
निजीखालीपनड्रैगड्रॉपपैनल_ड्रैगइंटर(ऑब्जेक्ट प्रेषक, ड्रैगएवेंटआर्ग ई)
{
// माउस का आइकन बदलें
इ। प्रभाव = ड्रैगड्रॉप प्रभाव। सभी;
} - पर क्लिक करें फॉर्म 1.सीएस [डिजाइन] कैनवास दृश्य पर वापस जाने के लिए विजुअल स्टूडियो विंडो के शीर्ष पर स्थित टैब। पैनल UI तत्व को हाइलाइट करें।
- गुण विंडो में, पर क्लिक करें बिजली चमकना ईवेंट सूची पर वापस जाने के लिए आइकन। इस बार, पर डबल-क्लिक करें खींचें और छोड़ें आयोजन। यह एक और फ़ंक्शन उत्पन्न करेगा जो तब निष्पादित होगा जब आप माउस को पैनल में फ़ाइलों को छोड़ने के लिए जाने देंगे।
- नए ड्रैगड्रॉप फ़ंक्शन के अंदर, उन फ़ाइलों की सूची प्राप्त करें जिन्हें उपयोगकर्ता पैनल में खींच रहा है। आप इसे ईवेंट विवरण में पा सकते हैं जो स्वचालित रूप से फ़ंक्शन में पास हो जाते हैं।
निजीखालीपनड्रैगड्रॉपपैनल_ड्रैगड्रॉप(ऑब्जेक्ट प्रेषक, ड्रैगएवेंटआर्ग ई)
{
स्ट्रिंग [] फ़ाइलें = (स्ट्रिंग []) ई। आंकड़े। गेटडाटा (डेटाफॉर्मैट्स. फाइलड्रॉप, असत्य);
}
खींची गई फ़ाइलों की सूची कैसे प्रदर्शित करें
अब जब आपने उपयोगकर्ता के लिए फ़ाइलों को खींचने और छोड़ने की कार्यक्षमता जोड़ दी है, तो आप ListBox UI तत्व का उपयोग करके फ़ाइलों के नाम प्रदर्शित कर सकते हैं।
- ड्रैगड्रॉपपैनल_ड्रैगड्रॉप() फ़ंक्शन के अंदर, फ़ाइलों की सूची प्राप्त करने के बाद, प्रत्येक फ़ाइल के माध्यम से लूप के लिए फॉर-लूप का उपयोग करें।
प्रत्येक के लिए (वर फाइलों में फाइल करें)
{
} - फॉर-लूप के अंदर, केवल फ़ाइल का नाम प्राप्त करें। फ़ाइल का नाम फ़ाइल पथ से अलग करें, और इसे एक अलग चर में संग्रहीत करें। यदि आप एक मैक का उपयोग कर रहे हैं, तो आपको बैकस्लैश के बजाय फ़ॉरवर्ड स्लैश को ध्यान में रखने के लिए कोड को संशोधित करने की आवश्यकता हो सकती है।
स्ट्रिंग फ़ाइलनाम = फ़ाइल। सबस्ट्रिंग (फ़ाइल। लास्टइंडेक्सऑफ़("\\") + 1, फ़ाइल। लंबाई - (फ़ाइल। लास्टइंडेक्सऑफ़("\\") + 1)); - फ़ाइल का नाम ListBox UI तत्व में जोड़ें।
कोशिश
{
अपलोड की गई फ़ाइलें सूची।सामान।जोड़ना(फ़ाइल का नाम);
}
पकड़ना (अपवादअपवाद)
{
सांत्वना देना। पंक्ति लिखो(अपवाद);
} - सूची बॉक्स डिफ़ॉल्ट रूप से दिखाई नहीं देता है। फॉर-लूप के बाद, सूची बॉक्स की दृश्यता को सत्य में बदलें:
अपलोड की गई फ़ाइलें सूची। दर्शनीय = सत्य; - फ़ाइल के शीर्ष पर कंस्ट्रक्टर को संशोधित करें। ठीक गिरने दो और स्वतः स्क्रॉल ड्रैग एंड ड्रॉप पैनल के गुण सही पर।
जनता फॉर्म 1()
{
प्रारंभिक घटक ();
ड्रैगड्रॉपपैनल. अनुमति ड्रॉप = सत्य;
ड्रैगड्रॉपपैनल. ऑटोस्क्रॉल = सत्य;
}
सूची को कैसे साफ़ करें
उपयोगकर्ता द्वारा पैनल में आइटम खींचे जाने के बाद, वे सूची को साफ़ करना और फिर से शुरू करना चाह सकते हैं। जब उपयोगकर्ता सूची पर क्लिक करता है तो आप सूची को साफ़ करने के लिए एक बटन जोड़ सकते हैं।
- टूलबॉक्स का उपयोग करके, एक बटन को कैनवास पर खींचें।
- बटन को हाइलाइट करें। गुण विंडो का उपयोग निम्न गुणों को नए मानों में बदलने के लिए करें:
संपत्ति
नया मूल्य
नाम
clearbutton
मूलपाठ
साफ़
- नया फ़ंक्शन उत्पन्न करने के लिए बटन पर डबल-क्लिक करें। जब आप रनटाइम पर बटन पर क्लिक करेंगे तो यह फ़ंक्शन निष्पादित होगा:
निजीखालीपनक्लीयरबटन_क्लिक करें(वस्तु प्रेषक, EventArgs e)
{} - फ़ंक्शन के अंदर, ListBox UI तत्व की सामग्री को साफ़ करें और इसे छुपाएँ:
निजीखालीपनक्लीयरबटन_क्लिक करें(वस्तु प्रेषक, EventArgs e)
{
अपलोड की गई फ़ाइलें सूची।सामान।साफ़();
अपलोड की गई फ़ाइलें सूची। दर्शनीय = असत्य;
}
ड्रैग एंड ड्रॉप पैनल का परीक्षण कैसे करें
ड्रैग एंड ड्रॉप कार्यक्षमता का परीक्षण करने के लिए, एप्लिकेशन चलाएं और कुछ फ़ाइलों को पैनल में खींचें। जरूरत हो तो आप भी कर सकते हैं अपने विनफॉर्म एप्लिकेशन को डीबग करें रनटाइम पर विजुअल स्टूडियो में। इससे आपको यह समझने में मदद मिलेगी कि कोड की प्रत्येक पंक्ति में क्या हो रहा है।
- एप्लिकेशन चलाने के लिए विजुअल स्टूडियो विंडो के शीर्ष पर हरा प्ले बटन दबाएं।
- अपने फ़ाइल एक्सप्लोरर से कुछ फ़ाइलें खींचें और उन्हें पैनल में छोड़ दें. सुनिश्चित करें कि आप व्यवस्थापक मोड में विजुअल स्टूडियो नहीं चला रहे हैं। आपको व्यवस्थापक मोड में काम करने के लिए ड्रैग एंड ड्रॉप के लिए अतिरिक्त सुरक्षा अनुमतियों को कॉन्फ़िगर करने की आवश्यकता होगी।
- पैनल में खींची गई फ़ाइलों के नाम आपको दिखाने के लिए पैनल अपडेट हो जाएगा।
- पर्याप्त फ़ाइलें खींचें और आप देखेंगे कि ड्रैग एंड ड्रॉप पैनल स्वचालित रूप से दाईं ओर एक स्क्रॉलबार प्रदर्शित करता है।
- पर क्लिक करें साफ़ सूची खाली करने के लिए बटन।
विंडोज फॉर्म एप्स में ड्रैग एंड ड्रॉप फंक्शनलिटी का उपयोग करना
अब आप उम्मीद करते हैं कि अपने विंडोज फॉर्म एप्लिकेशन में ड्रैग एंड ड्रॉप फंक्शनलिटी को कैसे जोड़ा जाए। विंडोज फॉर्म के साथ दिलचस्प चीजें करने के लिए आप कई अन्य सुविधाएं तलाश सकते हैं।