ग्लेड का उपयोग करना सीखना

पिछली बार मैंने वादा किया था कि मैं ग्लेड कार्यक्रम के बारे में लिखूंगा।

ग्लेड GTK + पर नेत्रहीन रूप से चित्रमय इंटरफेस बनाने के लिए एक आवेदन पत्र है। यह खुला स्रोत है और नि: शुल्क वितरित किया जाता है।

याद रखें कि हमने कोड के माध्यम से एक खिड़की कैसे बनाने की कोशिश की? इस विषय को पढ़ने के बाद, आप पैलेट से विजेट्स को घुमाकर कम से कम हजारों ऐसी विंडो बना सकते हैं।

ग्लेड के साथ शुरुआत करना

ग्लेड डाउनलोड और इंस्टॉल करें। यदि आप GNU / Linux का उपयोग करते हैं, तो यह प्रोग्राम आपके रिपॉजिटरी में होना चाहिए।

ग्लेड खोलें और एक नई इंटरफ़ेस फ़ाइल बनाएं (फ़ाइल -> बनाएँ)। उसी समय, पहली विंडो बनाई जाएगी। जबकि इसमें कुछ भी नहीं है, लेकिन देखें कि बाएं पैनल में हमारे लिए कितने विजेट उपलब्ध हैं!



चलो फॉर्म पर GtkBox की तरह एक ऊर्ध्वाधर कंटेनर डालें। आइकन का चयन करें और फॉर्म पर ग्रे स्पेस पर क्लिक करें। एक संवाद प्रकट होना चाहिए जहां आपसे पूछा जाएगा कि आपको कितनी सेल चाहिए। थोड़ा अच्छा होना चाहिए, इसलिए तीन के बजाय, 2 दर्ज करें।



खिड़की को दो समान भागों में विभाजित किया जाएगा। याद रखें कि एक विंडो में केवल एक विजेट हो सकता है? अब यह उपयोगकर्ता को लगेगा कि आप दो विजेट फिट करते हैं।

GTK पैकेजिंग विधि के लिए अपना परिचय जारी रखने के लिए दोनों भागों में कुछ डालें। मैंने एक लेबल और एक बटन लगाया:



ये दो विगेट्स किसी तरह अजीब लगते हैं - वे स्पष्ट रूप से तंग हैं। आइए देखें कि क्या किया जा सकता है।

सबसे पहले, कंटेनर के सेटिंग को स्वयं देखें। इसे चुनें और दाईं ओर प्रॉपर्टी बार ढूंढें।



यहां हम विगेट्स, कंटेनर के उन्मुखीकरण (ऊर्ध्वाधर या क्षैतिज) के बीच की दूरी और बहुत कुछ निर्दिष्ट कर सकते हैं।

यदि आपके लिए कुछ समझ में नहीं आता है, तो बस कर्सर को संपत्ति के नाम पर स्थानांतरित करें और एक संकेत दिखाई देगा।
कृपया यह भी ध्यान दें कि आपके द्वारा परिवर्तित पैरामीटर बोल्ड में दिखाए गए हैं।

अब लेबल का चयन करें और "पैकेजिंग" टैब पर जाएं - इसमें ऐसे गुण हैं जो आपको हमारे GtkBox कंटेनर में विजेट पैकेजिंग को अनुकूलित करने की अनुमति देते हैं।



"एक्स्टेंसिबिलिटी" को चालू करें और हमारा फॉर्म थोड़ा अलग रूप लेगा: लेबल सभी उपलब्ध स्थान पर कब्जा करने की कोशिश करेगा, और बटन में सबसे छोटा संभव आकार होगा।

आप विंडो फ्रेम भी बदल सकते हैं (पिछले विषय को देखें) - मैंने सीमा को 10 पिक्सेल पर सेट किया है।

परिणाम देखने के लिए, पूर्वावलोकन बटन पर क्लिक करें ( )।

संकेत

अब बटन को दबाते ही लेबल को बदल देते हैं।

बटन को हाइलाइट करें और गुणों में "सिग्नल" टैब पर जाएं।

"क्लिक किया गया" ईवेंट ढूंढें और "हेलोवर्ल्ड" हैंडलर का नाम दर्ज करें, और डेटा के रूप में हमारे लेबल को इंगित करें।



सामान्य तौर पर, यह सब है। अगला, प्रोग्रामिंग पर चलते हैं।

प्रोग्रामिंग

हमें अभी भी कुछ कोड लिखना है।

आरंभ करने के लिए, आइए इस टेम्पलेट को लें जो "habrahabr.ui" इंटरफ़ेस के साथ फ़ाइल को खोलने का प्रयास करेगा।

/*    ,          :-)  ,  . */ #include <gtk/gtk.h> /*           */ static GtkWidget* create_window (void) { /*    */ GtkWidget *window; /*    ,      */ GtkBuilder *builder; /*     */ GError* error = NULL; /*      */ builder = gtk_builder_new (); if (!gtk_builder_add_from_file (builder, "habrahabr.ui", &error)) { /*     */ g_critical ("   : %s", error->message); g_error_free (error); } /* ,    ?    ! */ gtk_builder_connect_signals (builder, NULL); /*   ,    */ window = GTK_WIDGET (gtk_builder_get_object (builder, "window")); if (!window) { /* -  , ,    */ g_critical ("    "); } g_object_unref (builder); return window; } /*     ,     */ int main (int argc, char *argv[]) { /*   */ GtkWidget *window; /*  GTK+ */ gtk_init (&argc, &argv); /*       */ window = create_window (); gtk_widget_show (window); /*   GTK+ */ gtk_main (); return 0; } 

अब एक सिग्नल हैंडलर बनाते हैं, जिसे हमने हेलोवर्ल्ड कहा है:

 /*       */ static void helloworld (GtkButton *button, gpointer label) { /*    */ gtk_label_set_text (label, ", !"); } 

वह सब है!