नोड इंटरफ़ेस बनाने के लिए WxPython का उपयोग करने का एक उदाहरण। भाग 4: ड्रैग एंड ड्रॉप को लागू करना

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



इस भाग में, हम अपने एप्लिकेशन में ड्रैग एंड ड्रॉप सपोर्ट को जोड़ेंगे और उसे सिखाएंगे कि इस तरह से नए नोड्स कैसे बनाएं।

भाग 1: ड्रा करना सीखना
भाग 2: माउस ईवेंट्स को हैंडल करना
भाग 3: सुविधाओं + कीबोर्ड प्रसंस्करण को जोड़ने के लिए जारी है
भाग 4: ड्रैग एंड ड्रॉप को लागू करना
भाग 5: नोड कनेक्ट करें

कौन परवाह करता है, बिल्ली के नीचे आपका स्वागत है ...

9. ड्रैग एंड ड्रॉप के लिए समर्थन जोड़ें

ड्रैग एंड ड्रॉप समर्थन एक उपयोगी और लोकप्रिय चीज है, लेकिन यहां हम इसका उपयोग इसके इच्छित उद्देश्य के लिए नहीं करेंगे। इस तरह हम नए नोड बनाएंगे। यह व्यवसाय काफी सरलता से काम करता है। कक्षा "wx.TextDropTarget" की एक वस्तु बनाना और उसे "SetDropTarget" विधि के वर्ग "wx.Window" से पास करना आवश्यक है, जहाँ से हमारा कैनवास विरासत में मिला है। तदनुसार, ड्रॉप के समय, "wx.TextDropTarget.OnDropText" विधि को बुलाया जाएगा, जिसे हमें लागू करने की आवश्यकता होगी। परीक्षण के लिए, इस वर्ग का कार्यान्वयन इस तरह दिखेगा:

class TextDropTarget(wx.TextDropTarget): def __init__(self): wx.TextDropTarget.__init__(self) def OnDropText(self, x, y, data): print x, y, data 

अब, जब एक विंडो में पाठ फेंकते हैं, तो स्थिति और पाठ के साथ एक संदेश स्वयं कंसोल में मुद्रित किया जाएगा। जैसा कि आप अनुमान लगा सकते हैं, फाइलों को स्वीकार करने के लिए, एक समान वर्ग "wx.FileDropTarget" है जो उसी तरह से काम करता है, ठीक है, या एक वर्ग "wx.PyDropTarget" जो सब कुछ और सब कुछ स्वीकार कर सकता है।

10. ड्रैग एंड ड्रॉप के साथ नोड्स बनाना

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

 class NodesFactory(object): def __init__(self): pass def CreateNodeFromDescription(self, nodeDescription): return SimpleTextBoxNode(text=nodeDescription) 

जो बस "SimpleTextBoxNode" का एक उदाहरण बनाता है, जो हमेशा "SimpleBoxNode" का एक उन्नत वंशज होता है:

 class SimpleTextBoxNode(SimpleBoxNode): def __init__(self, **kwargs): super(SimpleTextBoxNode, self).__init__(**kwargs) self.text = kwargs.get("text", "No text") def Render(self, gc): super(SimpleTextBoxNode, self).Render(gc) gc.DrawText(self.text, self.position[0]+10, self.position[1]+10) 

जो बदले में दिए गए पाठ को आयताकार नोड के शीर्ष पर प्रस्तुत करता है।
यह कैनवास में एक विधि जोड़ने के लिए बनी हुई है, जिससे आप विवरण से नए नोड जोड़ सकते हैं:

  def CreateNodeFromDescriptionAtPosition(self, nodeDescription, pos): node = self._nodesFactory.CreateNodeFromDescription(nodeDescription) if node: node.position = pos self._canvasObjects.append(node) self.Render() 

और TextDropTarget को थोड़ा अपग्रेड करें ताकि पाठ आने पर यह इस विधि को कॉल करे:

 class TextDropTarget(wx.TextDropTarget): def __init__(self, canvas): wx.TextDropTarget.__init__(self) self._canvas = canvas def OnDropText(self, x, y, data): print x, y, data self._canvas.CreateNodeFromDescriptionAtPosition(data, [x, y]) 

और अब हम कैनवास पर पाठ अंशों को फेंककर नए पाठ नोड्स बना सकते हैं।
यह इस तरह दिखता है:

कोड, हमेशा की तरह, GitHub पर संबंधित प्रतिबद्ध में पाया जा सकता है ।

11. खींचें और ड्रॉप के साथ क्लोन नोड्स

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

  if evt.ControlDown() and self._objectUnderCursor.clonable: text = self._objectUnderCursor.GetCloningNodeDescription() data = wx.TextDataObject(text) dropSource = wx.DropSource(self) dropSource.SetData(data) dropSource.DoDragDrop(wx.Drag_AllowMove) 

यहां हम ड्रैग एंड ड्रॉप का स्रोत बनाते हैं और इसे वह विवरण देते हैं जो हमें नोड से प्राप्त हुआ था। यह नोड पर GetCloningNodeDescription विधि को लागू करने के लिए बना हुआ है और सब कुछ तैयार हो जाएगा। लेकिन पहले, हम इंटरफ़ेस लागू करते हैं:

 class ClonableObject(CanvasObject): def __init__(self, **kwargs): super(ClonableObject, self).__init__(**kwargs) self.clonable = True def GetCloningNodeDescription(self): """ GetNodeDescription should return a dictionary that contains all information required for cloning this node at another position """ raise NotImplementedError() 

और अब नोड के लिए विधि का कार्यान्वयन:

  def GetCloningNodeDescription(self): return self.text 

जो सिर्फ उसे पाठ देता है।
कोड का वर्तमान संस्करण यहां रहता है ।

12. स्केलेबल नोड्स

ठीक है, चौथे भाग को पूरा करने से पहले, आखिरी छोटी चीज जोड़ें। पाठ को फिट करने के लिए नोड्स स्केल बनाते हैं। ऐसा करने के लिए, हम टेक्स्ट नोड को रेंडर करने के तरीके को थोड़ा बदल देंगे:

  def Render(self, gc): textDimensions = gc.GetTextExtent(self.text) self.boundingBoxDimensions = [textDimensions[0]+20, textDimensions[1]+20] super(SimpleTextBoxNode, self).Render(gc) gc.DrawText(self.text, self.position[0]+10, self.position[1]+10) 

इस मामले में GetTextExtent विधि उस आयत का आकार लौटाती है जिस पर पाठ व्याप्त है। तदनुसार, एक नोड को प्रस्तुत करने से पहले, हम इसके आयामों को अपडेट करते हैं ताकि यह प्रत्येक तरफ पाठ से 10 पिक्सेल बड़ा हो। अब यह पूरी प्रक्रिया कैसी दिखती है:


कोड GitHub पर इस प्रतिबद्ध में रहता है ।

पुनश्च: टाइपो के बारे में एक व्यक्तिगत में लिखें।