ग्लेड स्टार्टर एडिटर के साथ GtkTreeView और GtkListStore के साथ काम करना

इस पोस्ट में मैं GTK + GUI लाइब्रेरी: GtkTreeView और GtkListStore के बहुत ही दिलचस्प विजेट्स (ऑब्जेक्ट्स) के साथ काम करने के बारे में बात करना चाहता हूं । GtkTreeView - पेड़ों और सूचियों को प्रदर्शित करने के लिए विजेट। GtkListStore - एक सूची मॉडल का प्रतिनिधित्व करने वाला एक विजेट।
मैं उन्हें ग्लेड संपादक का उपयोग करके बनाऊंगा, इंटरनेट पर विशेष रूप से जीटीके + विजेट्स (और विशेष रूप से इन) के साथ इस इंटरफ़ेस संपादक का उपयोग करने पर विशेष रूप से बहुत कम सामग्री है। मैंने पहले से ही उसके साथ काम करने के बारे में थोड़ा लिखा था। जिन्होंने कभी उसके साथ काम नहीं किया है - मैं आपको इस पोस्ट को पढ़ने की सलाह देता हूं।

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

इसका अर्थ यह होगा कि हम कंप्यूटर गेम के चरित्र के बारे में GtkListStore वर्ग (मैं कभी-कभी इसे रिपॉजिटरी कहूंगा) के ऑब्जेक्ट में डेटा जोड़ दूंगा और इसे GtkTreeView का उपयोग करके दृश्य रूप में प्रदर्शित करूंगा।



लेकिन हम GtkListStore में न केवल चरित्र जानकारी जोड़ेंगे। यह स्टोरेज आपको विभिन्न डेटा स्टोर करने की अनुमति देता है। उदाहरण के लिए, फ़ॉन्ट शैली, फ़ॉन्ट नाम, रंग, चित्र, विभिन्न विजेट सेटिंग्स। इस उदाहरण में, मैं दिखाऊंगा कि प्रत्येक व्यक्ति के चरित्र के लिए GtkTreeView में इसे अलग से लिखना कैसे संभव है (इसे ट्री व्यू विजेट भी कहा जाता है, हालांकि इस उदाहरण में हम सूची प्रारूप की संरचना देखेंगे, न कि ट्री व्यू)।

चलो डेटा वेयरहाउस - GtkListStore विजेट को देखकर शुरू करते हैं। यह तालिका के समान डेटा संरचना का प्रतिनिधित्व करता है (डेटाबेस में तालिका की तरह) प्रत्येक पंक्ति एक रिकॉर्ड है, एक रिकॉर्ड में विभिन्न प्रकार के (परमाणु) डेटा होते हैं। प्रत्येक स्तंभ अपना स्वयं का डेटा प्रकार सेट करता है। स्तंभों की पहचान सीरियल नंबर से की जाती है: पहला कॉलम 0 है, दूसरा कॉलम 1 है, तीसरा कॉलम 2 है, आदि।

आमतौर पर स्टोरेज कॉलम के लिए अधिक समझने योग्य संदर्भ के लिए एक एन्यूमरेशन बनाएं:

enum { NAME = 0, HEALTH, POWER, SELECTED, FONT_COLOR }; 

सबसे पहले, ग्लेड खोलें (उदाहरण के लिए, मैं उबंटू रिपॉजिटरी से संस्करण 3.6.7 का उपयोग करूंगा, हालांकि जीटीके + 3.0 का समर्थन करने वाले नए संस्करण हैं)। हम फॉर्म बनाते हैं, ऑब्जेक्ट पैनल में बाईं ओर हम विंडो की तलाश करते हैं और इसे कार्यक्षेत्र पर डालते हैं। सामान्य टैब में संपत्ति पैनलों पर बाईं ओर, विंडो शीर्षक देखें और इसे इस तरह सेट करें: "GtkTreeView और GtkListStore के साथ काम करने का एक उदाहरण" , सामान्य टैब में , क्रमशः चौड़ाई अनुरोध और ऊंचाई: 650 और 350 सेट करें। इसके बाद, आपको क्षैतिज पट्टियों को उस पर रखना होगा, जिसमें दो डिब्बों में स्क्रॉल विंडो रखी गई है। आपको इस चरण पर सफल होना चाहिए, जैसा कि नीचे दी गई तस्वीर में दिखाया गया है (क्लिक करने योग्य):



अब ऑब्जेक्ट पैनल पर जाएं, ट्री मॉडल पर क्लिक करें और वहां सूची स्टोर देखें - हमारे भविष्य का भंडारण (GtkLitStar विजेट)।



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



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

इसलिए पहला कॉलम नाम जोड़ें - कॉलम प्रकार में gchararray का चयन करें, और कॉलम नाम में नाम लिखें। अगला, दूसरा कॉलम स्वास्थ्य है - कॉलम प्रकार में हम कॉलम लिखते हैं, कॉलम नाम स्वास्थ्य में । इसी प्रकार गिंट प्रकार की शक्ति के लिए । अगला चयन ध्वज है - प्रकार gboolean का चयन करें, और चयनित स्तंभ नाम में। और फिर ... और फिर थोड़ी परेशानी हमें इंतजार करती है। हमें टाइप GdkColor (जीटीके + में प्रयुक्त संरचना रंग) का फ़ॉन्ट रंग चाहिए। आप उस प्रकार के कई संभावित विकल्पों को देखते हैं, लेकिन GdkColor नहीं है। जाहिरा तौर पर यह ग्लेड के डेवलपर्स का दोष है और खुद को जोड़ने के लिए आएगा। अगर हम वहां प्रवेश करने की कोशिश करते हैं, तो कुछ भी नहीं निकलेगा। यह याद रखना चाहिए कि ग्लेड एक XML फ़ाइल में इंटरफ़ेस के विवरण को बचाता है, और इसलिए इसे ठीक किया जा सकता है। इसलिए, हम एक और प्रकार के gchararray का क्षेत्र बनाते हैं , उदाहरण के लिए, कॉलम प्रकार में हम Colortext लिखते हैं ।



हम अपने इंटरफ़ेस विवरण को मुख्य नाम के साथ सहेजते हैं और परिणामी फ़ाइल को खोलते हैं। हम वहां GtkListStore की तलाश कर रहे हैं।

 <object class="GtkListStore" id="liststorePlayers"> <columns> <!-- column-name name --> <column type="gchararray"/> <!-- column-name health --> <column type="gint"/> <!-- column-name power --> <column type="gint"/> <!-- column-name selected --> <column type="gboolean"/> <!-- column-name colortext --> <column type="gchararray"/> </columns> </object> 

हमारे Gchararray को GdkColor में बदलें

 <object class="GtkListStore" id="liststorePlayers"> <columns> <!-- column-name name --> <column type="gchararray"/> <!-- column-name health --> <column type="gint"/> <!-- column-name power --> <column type="gint"/> <!-- column-name selected --> <column type="gboolean"/> <!-- column-name colortext --> <column type="GdkColor"/> </columns> </object> 

ग्लेड में सहेजें और फिर से खोलें। हम कॉलम के प्रकार को देखते हैं और देखते हैं कि सब कुछ वैसा ही है जैसा हमें इसकी आवश्यकता है:



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



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



हमारे मामले में, ट्री व्यू मॉडल हमारी रिपॉजिटरी है - GtkListStore, अर्थात् सूचीस्टोरप्लेयर विजेट। ... पर क्लिक करें और वहां सूची सूची चुनें।



इस संवाद के लिए और पिछले एक के लिए ठीक पर क्लिक करें। अब हमें कॉन्फ़िगर करने की आवश्यकता है या डेटा को स्टोरेज से संबद्ध करने के लिए स्क्रीन पर उन्हें प्रदर्शित करने के विशिष्ट रूप के साथ कहना सही होगा। हम वस्तुओं के दाएं पैनल में Treeview1 पर क्लिक करते हैं (जो कि आप इसे कहते हैं, यह ठीक है) और शीर्ष मेनू पर जाएं, जहां हम Edit की तलाश में हैं।



हमारे ट्री व्यू के लिए संपादन संवाद खुलता है।



सामान्य टैब में संपूर्ण ट्री व्यू के लिए संपूर्ण के रूप में सामान्य गुण होते हैं। सबसे पहले, ट्रीव्यूप्लेयर्स में नाम बदलें। और क्षैतिज और कार्यक्षेत्र में सक्षम ग्रिड लाइन्स गुण भी सेट करें - पंक्तियों और स्तंभों के दृश्य पृथक्करण को प्रदर्शित करना। Hierarcy टैब पर जाएं। इसमें, हम स्टोरेज से डेटा को उनके प्रदर्शन के एक विशिष्ट कार्यान्वयन के साथ जोड़ देंगे।



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

हमारे उदाहरण में, 4 विभिन्न प्रकार की प्रस्तुति वस्तुओं का उपयोग किया जाएगा:
GtkCellRendererText - भंडार से नाम प्रदर्शित करने के लिए सादा पाठ;
GtkCellRendererProgress - प्रगति पट्टी , और यदि अधिक सरलता से - यह एक नियमित ProgressBar है, इसके साथ हम रिपॉजिटरी से स्वास्थ्य और शक्ति प्रदर्शित करेंगे;
GtkCellRendererSpin - हिंडोला बटन, इसके साथ हम ट्री व्यू में सीधे बिजली के मूल्य को बदल सकते हैं;
GtkCellRendererToggle - सेल में स्विच बटन, इसकी मदद से हम रिकॉर्ड को हाइलाइट करने के लिए झंडा प्रदर्शित करेंगे।

हम ग्लेड लौटते हैं। ऐड बटन पर क्लिक करें और हमारे पास एक कॉलम होगा। सामान्य तौर पर, आप सिद्धांत रूप में कॉलम नहीं जोड़ सकते हैं। एक पर्याप्त है, लेकिन यह उत्पादन के मामले में बहुत सुंदर और बहुत लचीला नहीं होगा। इसलिए, हम निम्नानुसार करते हैं। हमारे पास 4 कॉलम होंगे: नाम, स्वास्थ्य, पावर, सेलेटेड। लेकिन पावर कॉलम में, हमें GtkCellRendererSpin और GtkCellRendererProgress दोनों में रिपॉजिटरी से पावर वैल्यू मिलती है।

जोड़ी गई पंक्ति पर राइट-क्लिक करें: कॉलम कॉलम और वहां बच्चे टेक्स्ट आइटम जोड़ें चुनें। नतीजतन, आपको निम्नलिखित मिलना चाहिए:



इस प्रकार, हमने GtkCellRendererText - को पाठ सामग्री प्रदर्शित करने के लिए जोड़ा। हम उन गुणों को बदलना शुरू करते हैं जो दाईं ओर स्थित हैं। नाम में, cellrenderertextName नाम रखें । अगला पाठ गुण है। जहां u परेशान कहता है, तीर पर क्लिक करें और ड्रॉप डाउन मेनू में नाम - gchararray चुनें। शून्य का मतलब है कि कॉलम नंबर 0 रिपॉजिटरी (GtkListStore) से जुड़ा हुआ है, जिसमें संग्रहीत डेटा (चरित्र नाम स्ट्रिंग, जिसे हम GtkListStore में सेट करते हैं: प्रकार gchararray का नाम )।



प्रॉपर्टी लिस्ट को स्क्रॉल करें और बैकग्राउंड कलर देखें। मैं इसे कठोरता से स्थापित करने का सुझाव देता हूं, अर्थात्। इस GtkCellRendererText की सभी पंक्तियों में एक ही पृष्ठभूमि का रंग होगा। ऐसा करने के लिए, अनचेक करें और रंग चयन बटन दिखाई देगा। उस पर क्लिक करें और एक रंग चुनें जिसे आप पसंद करते हैं। और यहाँ नीचे फोरग्राउंड रंग गुण आता है। मैं पहले से ही इसे रिपॉजिटरी से लेने का सुझाव देता हूं। इस प्रकार, प्रत्येक विशेष पंक्ति के लिए, फ़ॉन्ट रंग की एक अलग संपत्ति संभव होगी। ऐसा करने के लिए, दाईं ओर स्थित अनसेट पर क्लिक करें और वहां Colortext - GdkColor चुनें। और आपके पास संख्या 4. होना चाहिए। GtkListStore रिपॉजिटरी से कॉलम नंबर, जहां हम कलर स्टोर करते हैं। ट्री व्यू में सीधे नाम को संपादित करना संभव बनाने के लिए भी आवश्यक है। ऐसा करने के लिए, गुणों को और भी कम स्क्रॉल करें और वहां संपादन योग्य देखें। बटन को अनचेक करें और क्लिक करें ताकि हां दिखाई दे। आपको यह करने में सक्षम होना चाहिए:



मुझे लगता है कि यह कम या ज्यादा स्पष्ट हो गया है कि बंधन का सार क्या है। जब कोई प्रॉपर्टी चेक की जाती है, तो डेटा स्टोरेज से लिया जाता है। डिफ़ॉल्ट रूप से, सभी गुणों में -1 है, अर्थात्। GtkListStore स्टोरेज के किस कॉलम से कुछ भी नहीं लिया गया है। हमारा कार्य स्टोरेज कॉलम की संख्या को निर्दिष्ट करना है जहां से संपत्ति के मूल्यों को लिया जाएगा। यदि हम खुद को कुछ कठिन सेट करना चाहते हैं - जैसा कि हम चाहते हैं, अनचेक करें और कॉन्फ़िगर करें। लेकिन फिर पहले से ही ये सेटिंग्स किसी भी तरह से GtkListStore रिपॉजिटरी में डेटा पर निर्भर नहीं होंगी और इस व्यू ऑब्जेक्ट की बिल्कुल सभी लाइनों पर लागू होंगी।

अगला, एक और कॉलम बनाएं। हमारे पहले कॉलम पर क्लिक करें, यह बाहर खड़ा होगा और ऐड पर क्लिक करेगा। एक और कॉलम जोड़ा जाएगा। यदि हमें अपना GtkCellRendererText आवंटित किया गया था, तो पहले कॉलम में एक और दृश्य ऑब्जेक्ट जोड़ा जाएगा। ग्लेड कभी-कभी थोड़ा असहज होता है। लेकिन यह ठीक है।

अब GtkCellRendererProgress व्यू ऑब्जेक्ट को जोड़ें, जहां हम ProgressBar का उपयोग करके अपने चरित्र के स्वास्थ्य - स्वास्थ्य को प्रदर्शित करेंगे। नए कॉलम पर राइट-क्लिक करें और Add Child Progress आइटम चुनें। हम सेलरेंडरप्रोप्रोग्रेसहेल्थ में नाम संपत्ति सेट करते हैं, स्वास्थ्य - मूल्य में चयन करें, नंबर 1 दिखाई देगा - फिर डेटा को GtkListStore स्टोरेज के पहले कॉलम से लिया जाएगा।



पृष्ठभूमि रंग गुण सेट करें। आप पिछले चरण में GtkCellRendererText के समान रंग चुन सकते हैं (मैंने बस यही किया था) या आप अपना खुद का रंग चुन सकते हैं। इसका परिणाम एक छोटे बग में हो सकता है, जब आप बटन पर एक रंग का चयन करते हैं, तो इसे प्रदर्शित किया जाएगा, और लाइन में रंग कोड # 000000000000 होगा। हतोत्साहित न हों। रंग सामान्य रूप से सेट किया गया है, जब आप इस ट्री व्यू के संपादन संवाद को बंद करते हैं और इसे फिर से खोलते हैं, तो सब कुछ ठीक हो जाएगा। छोटा सा ग्लेड ग्लेड।



अब एक और कॉलम जोड़ें और उसमें GtkCellRendererSpin और GtkCellRendererProgress डालें (जैसे हमने ऊपर GtkCellRendererText डाला)। पहले Add चाइल्ड स्पिन आइटम के लिए, दूसरे एड चाइल्ड प्रोग्रेस आइटम के लिए। हम उन्हें क्रमशः सेलरेंडरपिनपावर और सेलरेंडरप्रोपरपॉवर (नाम संपत्ति) कहते हैं।



अब, अस्थायी रूप से, आपको ट्री व्यू एडिटर विंडो को बंद करने और सेलट्रेंडरर्सपिनपावर के लिए adjCellRendererSpinPower नामक GtkAdjustment विजेट बनाने की आवश्यकता है । ऑब्जेक्ट पैनल में, समायोजन का चयन करें, जैसा कि नीचे दिए गए चित्र में दिखाया गया है और यह ऑब्जेक्ट्स में विगेट्स ट्री में दिखाई देगा।



AdjCellRendererSpinPower गुणों में, अधिकतम मान सेट करें: 100.00 , पृष्ठ आकार: 0.00 । हम अपने GtkTreeView विजेट के संपादन मोड में लौट आए। अब आपको cellrendererspinPower के लिए adjCellRendererSpinPower को परिभाषित करने की आवश्यकता है। समायोजन अनचेक करें, क्लिक करें ... और adjCellRendererSpinPower चुनें।



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



साथ ही संपादन योग्य हाँ :



यह अभी भी स्थापित करना आवश्यक है, जैसा कि पिछली वस्तुओं की चौड़ाई के लिए: 60 ; सेल पृष्ठभूमि का रंग: # c0c0e5e5e7e7 (मैं आपको याद दिलाता हूं कि आपके पास एक अलग रंग हो सकता है) और क्षैतिज पैडिंग: 5 । अब CellrendererprogressPower के लिए हम पाठ (पैमाने पर प्रदर्शित पाठ) और मूल्य (स्केल वैल्यू) को भी पावर / Gint में सेट करते हैं ।



और निश्चित रूप से हम पिछले वस्तुओं की चौड़ाई के रूप में सेट करते हैं: 100 ; सेल पृष्ठभूमि का रंग: # c0c0e5e5e7e7 और क्षैतिज पैडिंग: 5 ।

यह GtkTreeView - cellrenderertoggleSelected - टाइप टॉगल का विजेट (ऐड टॉगल आइटम) का अंतिम ऑब्जेक्ट जोड़ने के लिए बना हुआ है। डेटा स्टोर से कॉलम नंबर 3 के साथ चयनित टंगड़ी के साथ अपनी टॉगल राज्य संपत्ति को सहसंबंधित करें:



सेल बैकग्राउंड कलर भी सेट करें: # c0c0e5e5e7e7 ।

अंत में, आपको कॉलम पर हस्ताक्षर करने की आवश्यकता है, अर्थात। शीर्षक में स्तंभ गुण सेट करें। संबंधित मूल्यों में: नाम , स्वास्थ्य , शक्ति , चयनित :



यह GtkTreeView का सेटअप पूरा करता है। अब विजेट ट्री इस तरह दिखेगा:



इसके बाद, आपको कुछ GtkTreeView विगेट्स और खुद के लिए सिग्नल (ईवेंट) हैंडलर को पंजीकृत करना होगा। हम cellrenderertextName विजेट पर क्लिक करते हैं और सिग्नल टैब पर जाते हैं, वहां घटना की तलाश करते हैं (मैं अभी भी संकेतों को घटनाओं के रूप में कॉल करूंगा) संपादित - पाठ क्षेत्र का संपादन। ड्रॉप-डाउन सूची का उपयोग करना या मैन्युअल रूप से ईवेंट हैंडलर का नाम on_cellrenderertextName_edited लिखना , जैसा कि नीचे दिए गए चित्र में दिखाया गया है:



उसी तरह, हम on_cellrendererspinPower_edited हैंडलर को सेल्रेंडरर्सपिनपॉवर विजेट के लिए संपादित घटना के लिए करते हैं - "हिंडोला" का उपयोग करके मूल्य बदल रहा है। CellrenderertoggleSelected विजेट के लिए, हम टॉगल किए गए ईवेंट की तलाश करते हैं - स्विच की स्थिति में परिवर्तन और on_cellrenderertoggleSelected_toggled हैंडलर का नाम चुनें। और अब हम अपने ट्रीव्यूप्लेयर्स विजेट पर क्लिक करते हैं और वहां सिग्नल्स पंक्ति_एक्टेड टैब में देखते हैं। हम on_treeviewPlayers_row_activated हैंडलर का नाम लिखते हैं या उसका चयन करते हैं।
यद्यपि आप, सिद्धांत रूप में, आप कॉल इवेंट हैंडलर पसंद कर सकते हैं। मुख्य बात यह है कि कोड में आगे निर्दिष्ट करने के लिए ग्लेड में ही है।

अब आपको एक छोटे से संवाद पैनल को जोड़ने की आवश्यकता है, जिसके साथ आप जल्दी से नए पात्रों को जोड़ सकते हैं और अन्य जोड़तोड़ का कारण बन सकते हैं। मैं इस मेनू को बनाने की प्रक्रिया का विस्तार से वर्णन नहीं करूंगा, जैसा कि पोस्ट का लक्ष्य GtkTreeView और GtkListStore के बारे में बात करना है, मैं बस आपको संक्षेप में बुनियादी कदम बताऊंगा और दिखाऊंगा कि अंत में क्या होना चाहिए।

सबसे पहले, स्क्रॉलविंडो 1 के लिए, आकार और सिकोड़ने के गुण दोनों को हां (पैकिंग टैब) और चौड़ाई अनुरोध को 370 (सामान्य टैब) पर सेट करें। स्क्रॉलविंडो 2 के लिए, आकार बदलने की संपत्ति नहीं है , और सिकुड़ना हाँ है , और चौड़ाई अनुरोध 250 है । इसके बाद, स्क्रॉल किए गए GtkViewport विजेट को स्क्रॉलडविंडो 2 में जोड़ें, और GtkVBox विजेट (वर्टिकल कंटेनर), जिसमें 8 सेल होते हैं, पहले से ही इसमें मौजूद है। पहले चार GtkHBox विगेट्स (क्षैतिज कंटेनर) होंगे जिसमें GtkLabel (हस्ताक्षर) और नियंत्रण शामिल हैं: प्रविष्टि नाम (GtkEntry), spinbuttonHealth (GtkSpinButton), spintontonPower (GtkSpinButton) और colorbutFontColor (Gtk)। मैं समझाता हूं: 4 GtkHBox को जोड़ना आवश्यक है, जिसमें दो दो सेल शामिल हैं: एक हस्ताक्षर (बाएं) के लिए, दूसरा नियंत्रण (दाएं) के लिए ऊपर सूचीबद्ध।
नीचे चार बटन हैं: butAdd, butDelete, butPrint, butQuit। GtkVBox के अंदर सभी विजेट्स के लिए, मैं पैकिंग टैब में No पर विस्तार और गुण सेट करने की सलाह देता हूं (ये गुण मेरे पिछले पोस्ट में वर्णित हैं)। SpinbuttonHealth और spinbuttonPower विजेट संबंधित GtkAdjustment विजेट के साथ भी जुड़े होने चाहिए। मैंने उन्हें adjHealth और adjPower कहा। और इसी सेटिंग को सेट किया गया था:



SpinbuttonHealth और spinbuttonPower के साथ जोड़ना adjHealth और adjPower द्वारा बनाए गए उनके समायोजन गुणों का चयन करके होता है।

ग्लेड में किए जाने वाले सभी बटन के लिए हैंडलर को परिभाषित करना है: butAdd, butDelete, butPrint, butQuit। हम प्रत्येक विजेट पर क्लिक करते हैं और क्लिक की गई संपत्ति के लिए इवेंट टैब में on_butAdd_clicked , on_butDelete_clicked , on_butPrint_clicked , on_butQuit_clicked पर चयन करते हैं ।

परिणाम निम्न होना चाहिए:



लेकिन सामान्य तौर पर, हमारे प्रशिक्षण आवेदन की पूरी खिड़की इस तरह दिखती है:



अब कोड लिखने के लिए आगे बढ़ें। सभी कोड Example1.cpp फ़ाइल में सम्‍मिलित होंगे, हालाँकि आप इसे अपनी पसंद के अनुसार नाम दे सकते हैं।

 #include <stdlib.h> #include <gtk/gtk.h> #define UI_FILE "mainForm.glade" 

रिपॉजिटरी के साथ काम करने के लिए संरचना, जिसका शुरुआत में उल्लेख किया गया था:

 enum { NAME = 0, HEALTH, POWER, SELECTED, FONT_COLOR }; 

घटना संचालकों के प्रोटोटाइप, नाम वैसा ही होना चाहिए जैसा कि हम ग्लेड संपादक में विजेट्स के लिए सिग्नल टैब में निर्दिष्ट करते हैं। क्योंकि यदि सी ++ संकलक का उपयोग किया जाता है, तो हम संकेत देते हैं कि उन्हें सी में बाध्यकारी आदेश के अनुसार संवाद करना होगा।

 extern "C" void on_butQuit_clicked(GtkWidget *TopWindow, gpointer data); extern "C" void on_butAdd_clicked(GtkWidget *window, gpointer data); extern "C" void on_butDelete_clicked (GtkButton *remove, gpointer data); extern "C" void on_butPrint_clicked(GtkWidget *button, gpointer data); extern "C" void on_cellrendererspinPower_edited(GtkCellRendererText *render, gchar *path, gchar *new_text, gpointer data); extern "C" void on_cellrenderertoggleSelected_toggled(GtkCellRendererToggle *render, gchar *path, gpointer data); extern "C" void on_treeviewPlayers_row_activated(GtkTreeView *treeview, GtkTreePath *path, GtkTreeViewColumn *col, gpointer data); extern "C" void on_cellrenderertextName_edited(GtkCellRendererText *renderer, gchar *path, gchar *new_text, gpointer data); 

ग्लेड में बनाए गए विगेट्स की ओर इशारा करते हुए एक संरचना और मुख्य समारोह में ग्लेडएक्सएमएल से पुनर्प्राप्त किया जाएगा।

 struct MainWindowObjects { GtkWindow *topWindow; GtkTreeView *treeviewPlayers; GtkListStore *liststorePlayers; GtkEntry *entryName; GtkAdjustment *adjHealth; GtkAdjustment *adjPower; GtkColorButton *colorbutFontColor; } mainWindowObjects; 

मुख्य रूप से, हमें GladeXML प्रारूप से विजेट मिलते हैं। Gtk_tree_selection_set_mode का उपयोग करके हम GtkTreeView में कई लाइनों का चयन करने की क्षमता निर्धारित करते हैं। हम अपने ईवेंट हैंडलर्स को gtk_builder_connect_signals फ़ंक्शन का उपयोग करते हुए कनेक्ट करते हैं और साथ ही साथ mainWindowObjects लिंक का उपयोग करके विजेट्स को पास करते हैं। इस प्रकार, जैसा कि आप बाद में देखेंगे, gpointer डेटा पॉइंटर का उपयोग करके, आप हैंडलर फ़ंक्शन से सभी विजेट तक पहुंच सकते हैं।

 int main(int argc, char** argv) { GtkBuilder *builder; GError *error = NULL; gtk_init( &argc, &argv ); builder = gtk_builder_new(); if( ! gtk_builder_add_from_file( builder, UI_FILE, &error ) ) { g_warning( "%s\n", error->message ); g_free( error ); return( 1 ); } mainWindowObjects.topWindow = GTK_WINDOW(gtk_builder_get_object(builder, "topWindow")); mainWindowObjects.treeviewPlayers = GTK_TREE_VIEW( gtk_builder_get_object( builder, "treeviewPlayers" ) ); mainWindowObjects.liststorePlayers = GTK_LIST_STORE( gtk_builder_get_object(builder, "liststorePlayers") ); mainWindowObjects.entryName = GTK_ENTRY( gtk_builder_get_object(builder, "entryName") ); mainWindowObjects.adjHealth = GTK_ADJUSTMENT( gtk_builder_get_object(builder, "adjHealth") ); mainWindowObjects.adjPower = GTK_ADJUSTMENT( gtk_builder_get_object(builder, "adjPower") ); mainWindowObjects.colorbutFontColor = GTK_COLOR_BUTTON( gtk_builder_get_object(builder, "colorbutFontColor") ); GtkTreeSelection *selection; selection = gtk_tree_view_get_selection( GTK_TREE_VIEW(mainWindowObjects.treeviewPlayers) ); gtk_tree_selection_set_mode( selection, GTK_SELECTION_MULTIPLE ); gtk_builder_connect_signals (builder, &mainWindowObjects); g_object_unref( G_OBJECT( builder ) ); gtk_widget_show_all ( GTK_WIDGET (mainWindowObjects.topWindow) ); gtk_main (); } 

एक नए चरित्र को जोड़ने के लिए हैंडलर का कार्यान्वयन। gtk_list_store_append - मॉडल (संग्रहण) में एक नई पंक्ति जोड़ता है और पुनरावृति देता है - इसका लिंक और gtk_list_store_set फ़ंक्शन इटार द्वारा इंगित लाइन में कोशिकाओं के मूल्यों को निर्धारित करता है। मान गणना द्वारा निर्दिष्ट किए गए हैं: NAME, HEALTH, आदि। स्नातक का संकेत -1 है।

 void on_butAdd_clicked(GtkWidget *button, gpointer data) { MainWindowObjects* mwo = static_cast<MainWindowObjects*>( data ); GtkTreeIter iter; GdkColor color; gtk_color_button_get_color( mwo->colorbutFontColor, &color ); gtk_list_store_append(GTK_LIST_STORE( mwo->liststorePlayers ), &iter); gtk_list_store_set(GTK_LIST_STORE( mwo->liststorePlayers ), &iter, NAME, gtk_entry_get_text(mwo->entryName), HEALTH, static_cast<int>( gtk_adjustment_get_value(mwo->adjHealth) ), POWER, static_cast<int>( gtk_adjustment_get_value(mwo->adjPower) ), SELECTED, false, FONT_COLOR, &color, -1 ); } 

एक नाम के साथ एक सेल की संपादित घटना के लिए एक हैंडलर का कार्यान्वयन। Gtk_tree_view_get_model फ़ंक्शन का उपयोग करके, हम अपने GtkTechView से जुड़े मॉडल (स्टोर) प्राप्त करते हैं। Gtk_tree_model_get_iter_from_string फ़ंक्शन का उपयोग करके, हमें पथ पथ से एक स्ट्रिंग का लिंक मिलता है (जो फ़ंक्शन हस्ताक्षर में है, इस रिपॉजिटरी दृश्य के लिए, यह पथ केवल पंक्ति संख्या है) जिसे हमने बदला है), और फिर परिचित gtk_list_store_set का उपयोग करके हम एक नया मान सेट करते हैं जो नए संदर्भ में है। सामान्य तौर पर, इस हैंडलर (साथ ही अन्य हैंडलर) के हस्ताक्षर Gtk + पर आधिकारिक दस्तावेज से लिए जाते हैं।
यानी प्रत्येक विजेट के लिए, आप वहां घटना के हस्ताक्षर (या जो भी वे संकेत कहते हैं - संकेत के हस्ताक्षर) पा सकते हैं।

 void on_cellrenderertextName_edited(GtkCellRendererText *renderer, gchar *path, gchar *new_text, gpointer data) { MainWindowObjects* mwo = static_cast<MainWindowObjects*>( data ); if ( g_ascii_strcasecmp(new_text, "") != 0 ) { GtkTreeIter iter; GtkTreeModel *model; model = gtk_tree_view_get_model (mwo->treeviewPlayers); if (gtk_tree_model_get_iter_from_string(model, &iter, path) ) gtk_list_store_set(GTK_LIST_STORE (model), &iter, NAME, new_text, -1 ); } } 

हिंडोला बटन का उपयोग करके एक संपादन ईवेंट हैंडलर लागू करना। यह ऊपर वर्णित लगभग समान है। सिवाय इसके कि आपको नए मान को इंट में बदलने की आवश्यकता है। सादगी के लिए, मैंने पुराने एटॉय सी फ़ंक्शन का उपयोग किया, हालांकि आप इसे स्ट्रिंगस्ट्रीम का उपयोग करके लागू कर सकते हैं।

 void on_cellrendererspinPower_edited(GtkCellRendererText *renderer, gchar *path, gchar *new_text, gpointer data) { MainWindowObjects* mwo = static_cast<MainWindowObjects*>( data ); if ( g_ascii_strcasecmp(new_text, "") != 0 ) { GtkTreeIter iter; GtkTreeModel *model; model = gtk_tree_view_get_model (mwo->treeviewPlayers); if (gtk_tree_model_get_iter_from_string(model, &iter, path) ) gtk_list_store_set(GTK_LIST_STORE (model), &iter, POWER, atoi(new_text), -1 ); } } 

स्विच (ध्वज) के साथ सेल पर क्लिक करने के लिए हैंडलर का कार्यान्वयन - 4 वां कॉलम। Gtk_tree_model_get का उपयोग करके हम स्विच की वर्तमान स्थिति प्राप्त करते हैं और विपरीत सेट करते हैं: चयनित!

 void on_cellrenderertoggleSelected_toggled(GtkCellRendererToggle *render, gchar *path, gpointer data) { MainWindowObjects* mwo = static_cast<MainWindowObjects*>( data ); GtkTreeIter iter; GtkTreeModel *model; gboolean selected; model = gtk_tree_view_get_model ( mwo->treeviewPlayers ); if (gtk_tree_model_get_iter_from_string(model, &iter, path) ) { gtk_tree_model_get( model, &iter, 3, &selected, -1 ); gtk_list_store_set( GTK_LIST_STORE (model), &iter, SELECTED, !selected, -1 ); } } 

चयनित लाइनों को मुद्रित करने की विधि का कार्यान्वयन। Gtk_tree_model_get_iter_first फ़ंक्शन का उपयोग करके, हमें पहली पंक्ति के लिए लिंक मिलता है और उसी समय जांचें कि क्या स्टोरेज खाली है (रीडर फ्लैग)। Gtk_tree_model_get पद्धति का उपयोग करते हुए, हम वर्तमान पंक्ति के लिए ब्याज की सेल वैल्यू प्राप्त करते हैं जो इसे देख रहा है। Gtk_tree_model_iter_next के साथ अगली पंक्ति पर जाएं।

 void on_butPrint_clicked(GtkWidget *button, gpointer data) { MainWindowObjects* mwo = static_cast<MainWindowObjects*>( data ); GtkTreeIter iter; gboolean reader = gtk_tree_model_get_iter_first(GTK_TREE_MODEL( mwo->liststorePlayers ), &iter); g_print( "Selected rows:\n" ); while ( reader ) { gboolean selected; gtk_tree_model_get (GTK_TREE_MODEL( mwo->liststorePlayers ), &iter, SELECTED, &selected, -1); if ( selected ) { gchar* name; gint health; gint power; gtk_tree_model_get (GTK_TREE_MODEL( mwo->liststorePlayers ), &iter, NAME, &name, HEALTH, &health, POWER, &power, -1); g_print( "%s %d %d\n", name, health, power ); } reader = gtk_tree_model_iter_next(GTK_TREE_MODEL( mwo->liststorePlayers ), &iter); } } 

GtkTreeView में एक पंक्ति को डबल-क्लिक करने वाली विधि को लागू करना। Gtk_tree_model_get_iter फ़ंक्शन का उपयोग करके, हम पथ से पुनरावृत्ति प्राप्त करते हैं, और फिर हमें gtk_tree_model_get का उपयोग करके रुचि के डेटा मिलते हैं और उन्हें कंसोल में प्रदर्शित करते हैं।

 void on_treeviewPlayers_row_activated(GtkTreeView *treeview, GtkTreePath *path, GtkTreeViewColumn *col, gpointer data) { GtkTreeModel *model; GtkTreeIter iter; model = gtk_tree_view_get_model( treeview ); if ( gtk_tree_model_get_iter(model, &iter, path) ) { gchar* name; gint health; gint power; gtk_tree_model_get(model, &iter, NAME, &name, HEALTH, &health, POWER, &power, -1); g_print( "Current row: %s %d %d\n", name, health, power); } } 

यह फ़ंक्शन GtkTreeView में चयनित लाइनों को हटाने के लिए सहायक है। gtk_list_store_remove - यह रेखा उस सूची से हटाती है जिसे iter संदर्भित करता है पहले हम gtk_tree_row_reference_get_path के साथ पथ निकालते हैं, और फिर पथ को gtk_tree_model_get_iter के साथ पथ में परिवर्तित करते हैं।

 static void remove_row (GtkTreeRowReference *ref, GtkTreeModel *model) { GtkTreeIter iter; GtkTreePath *path; path = gtk_tree_row_reference_get_path (ref); gtk_tree_model_get_iter (model, &iter, path); gtk_list_store_remove (GTK_LIST_STORE (model), &iter); } 

Gtk_tree_selection_get_selected_rows फ़ंक्शन का उपयोग करके, हमें चयनित लाइनों की एक सूची मिलती है, फिर प्रत्येक चयनित लाइन से गुजरने के लिए थोड़ी देर के लूप का उपयोग करें और gtk_tree_row_reference_new फ़ंक्शन का उपयोग करके पथ पर आधारित लिंक बनाएं और इस लिंक को g_list_prepend का उपयोग करके संदर्भ सूची में जोड़ें।
हम प्रत्येक लिंक के लिए g_list_foreach का उपयोग करके remove_row फ़ंक्शन को कॉल करते हैं। और अंत में, इसी तरह g_list_foreach का उपयोग करके हम अपनी सूचियों को मुक्त करते हैं।

 void on_butDelete_clicked (GtkButton *remove, gpointer data) { MainWindowObjects* mwo = static_cast<MainWindowObjects*>( data ); GtkTreeSelection *selection; GtkTreeRowReference *ref; GtkTreeModel *model; GList *rows, *ptr, *references = NULL; selection = gtk_tree_view_get_selection ( mwo->treeviewPlayers ); model = gtk_tree_view_get_model ( mwo->treeviewPlayers ); rows = gtk_tree_selection_get_selected_rows (selection, &model); ptr = rows; while (ptr != NULL) { ref = gtk_tree_row_reference_new (model, (GtkTreePath*) ptr->data); references = g_list_prepend (references, gtk_tree_row_reference_copy (ref)); gtk_tree_row_reference_free (ref); ptr = ptr->next; } g_list_foreach ( references, (GFunc) remove_row, model ); g_list_foreach ( references, (GFunc) gtk_tree_row_reference_free, NULL ); g_list_foreach ( rows, (GFunc) gtk_tree_path_free, NULL ); g_list_free ( references ); g_list_free ( rows ); } 

जीटीके + एप्लीकेशन क्लोजर हैंडलर इंप्लीमेंटेशन

 void on_butQuit_clicked(GtkWidget *window, gpointer data) { gtk_main_quit(); } 

संकलन करने के लिए, आपको एक मेकफाइल बनाना होगा:

 CC=g++ LDLIBS=`pkg-config --libs gtk+-2.0 gmodule-2.0` CFLAGS=-Wall -g `pkg-config --cflags gtk+-2.0 gmodule-2.0` example1: example1.o $(CC) $(LDLIBS) example1.o -o example1 example1.o: example1.cpp $(CC) $(CFLAGS) -c example1.cpp clean: rm -f example1 rm -f *.o 

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

इस उदाहरण को यहाँ से डाउनलोड किया जा सकता है ।

संकलन कमांड के साथ होता है:

 $ make 

चल रहा है:

 $ ./example1 

मैंने यथासंभव अधिक से अधिक विवरणों का वर्णन करने की कोशिश की (कुछ बहुत अधिक भी हो सकते हैं), लेकिन यह सब इस विषय को जल्दी से समझने के लिए किया गया था।