नोड इंटरफ़ेस बनाने के लिए WxPython का उपयोग करने का एक उदाहरण। भाग 3: सुविधाओं + कीबोर्ड प्रसंस्करण को जोड़ने के लिए जारी है

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

पिछले भाग में, हमने माउस घटनाओं के प्रसंस्करण को लागू किया, और अब हम एक और विशेषता जोड़ेंगे और कीबोर्ड से घटनाओं के प्रसंस्करण को लागू करेंगे।

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

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

7. वस्तुओं का चयन करें

पिछली बार हमने सीखा कि कैसे नोड्स को स्थानांतरित करना है, अब यह जानने का समय है कि उन्हें कैसे हटाया जाए, और न केवल उन्हें, बल्कि कैनवास पर किसी भी ऑब्जेक्ट को। हटाने के लिए सही है, आपको पहले संकेत देना चाहिए कि हम क्या हटाना चाहते हैं, अर्थात्। एक वस्तु का चयन करें, इसलिए हम विलोपन के साथ नहीं, बल्कि चयन के साथ शुरू करेंगे।
हर कोई आमतौर पर हाइलाइट करने के लिए सिंगल क्लिक का उपयोग करता है, लेकिन जहां तक ​​मैं जानता हूं, wxPython में एक विशेष सिंगल क्लिक इवेंट नहीं है, इसलिए हम इसे स्वयं ट्रैक करेंगे। हम इसे सबसे सरल तरीके से करेंगे: यदि उपयोगकर्ता बाईं माउस बटन पर क्लिक करता है और इसे उसी पिक्सेल के ऊपर जारी करता है, तो यह एक क्लिक है। ऐसा करने के लिए, हमें यह याद रखना होगा कि उपयोगकर्ता ने बटन पर कहाँ क्लिक किया (हम इसे "self._lastLeftDownPos" में सहेजेंगे), और जब जारी किया जाता है, तो चयनित ऑब्जेक्ट की तुलना करें और सहेजें:

def OnMouseLeftUp(self, evt): #Selection if (self._lastLeftDownPos and self._lastLeftDownPos[0] == evt.GetPosition()[0] and self._lastLeftDownPos[1] == evt.GetPosition()[1] and self._objectUnderCursor and self._objectUnderCursor.selectable): self._selectedObject = self._objectUnderCursor self.Render() 

ठीक है, ताकि उपयोगकर्ता देखता है कि उसने वहां क्या हाइलाइट किया था, कैनवास रेंडरिंग कोड में, निम्न टुकड़ा जोड़ें:

  if self._selectedObject: gc.PushState() self._selectedObject.RenderSelection(gc) gc.PopState() 

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

 class SelectableObject(CanvasObject): def __init__(self, **kwargs): super(SelectableObject, self).__init__(**kwargs) self.selectable = True def RenderSelection(self, gc): """ RenderHighlighting method should draw an object with a selection border around it. """ raise NotImplementedError() 

वैसे, चूंकि हमारे आधार वर्ग बड़े और अधिक जटिल होते जा रहे हैं, अब उनके डिज़ाइनर कई मापदंडों को पसंद करते हैं और उन्हें एक शब्दकोश के रूप में वंशानुक्रम पदानुक्रम पास करते हैं, जो कि स्ट्रिंग है "सुपर (सेलेबलऑब्जेक्ट, स्व) ।__ init __ (* * * kwargs)। "
यह केवल निम्न कोड को नोड में जोड़ने के लिए बना हुआ है:

  def RenderSelection(self, gc): gc.SetBrush(wx.Brush('#888888', wx.TRANSPARENT)) gc.SetPen(wx.Pen('#CC0000', 3, wx.DOT)) gc.DrawRectangle(self.position[0]-2, self.position[1]-2, self.boundingBoxDimensions[0]+4, self.boundingBoxDimensions[1]+4) 

जो वस्तु के चारों ओर चयन को प्रस्तुत करता है और यदि आप किसी एक नोड पर क्लिक करते हैं तो आप इस तरह का परिणाम देख सकते हैं:

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

8. वस्तुओं को हटाना

तो हम वस्तुओं को हटाने के लिए मिला। हटाने के लिए, हमें उस समय ट्रैक करना होगा जब उपयोगकर्ता डिलीट बटन पर क्लिक करता है और वास्तव में हटाए जाने पर आइटम को हटा देता है।
सबसे पहले, हमें कीबोर्ड बटन पर क्लिक करने के लिए एक ईवेंट हैंडलर की आवश्यकता है, जिसे हम निम्नानुसार पंजीकृत करेंगे:

  self.Bind(wx.EVT_KEY_DOWN, self.OnKeyPress) 

और हैंडलर निम्नलिखित कोड निष्पादित करेगा:

  def OnKeyPress(self, evt): if evt.GetKeyCode() == wx.WXK_DELETE: if self._selectedObject and self._selectedObject.deletable: self._selectedObject.Delete() if self._selectedObject in self._canvasObjects: self._canvasObjects.remove(self._selectedObject) self._selectedObject = None else: evt.Skip() #Update object under cursor pos = self.CalcUnscrolledPosition(evt.GetPosition()).Get() self._objectUnderCursor = self.FindObjectUnderPoint(pos) self.Render() 

यहां हम, wx.WXK_DELETE कोड के साथ एक बटन दबाए जाने की स्थिति में, जांच लें कि क्या वस्तु का चयन किया गया है और क्या यह हटा दिया गया है। यदि कोई है, तो हम उसे खूबसूरती से सूचित करते हैं कि यह उसके रिटायर होने (डिलीट कॉल करके) और सूची से कैनवास पर वस्तुओं को हटाने का समय होगा। evt.Skip () सिस्टम को इस घटना के लिए अन्य हैंडलर को कहीं और पंजीकृत करने के लिए कहता है।

अब, पहले से ही पारंपरिक रूप से, यह हटाई गई वस्तुओं के लिए एक आधार वर्ग जोड़ने के लिए बना हुआ है:

 class DeletableObject(CanvasObject): def __init__(self, **kwargs): super(DeletableObject, self).__init__(**kwargs) self.deletable = True def Delete(self): """ Delete method is called when an object is deleted from a canvas. """ raise NotImplementedError() 

और आप कैनवास से वस्तुओं को हटाने का आनंद ले सकते हैं। सच्चाई बहुत लंबी नहीं है, क्योंकि वस्तुओं को जोड़ना केवल अगले भाग में होगा :)
कोड का वर्तमान संस्करण GitHub पर इस प्रतिबद्ध में रहता है ।

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