गोलंग जीयूआई: जीटीके + 3

मैंने गो पर एक क्रॉस-प्लेटफ़ॉर्म डेस्कटॉप एप्लिकेशन लिखने का फैसला किया। एक सीएलआई संस्करण बनाया, सब कुछ ठीक काम करता है। हाँ, और गो में क्रॉस-संकलन का समर्थन किया गया है। सब कुछ सामान्य रूप से ठीक है। लेकिन एक GUI संस्करण की भी आवश्यकता थी। और फिर शुरू हुआ ...

GUI के लिए लाइब्रेरी (बाइंडिंग) का विकल्प

आवेदन क्रॉस-प्लेटफ़ॉर्म होना चाहिए था।
इसलिए, इसे Windows , GNU / Linux, और macOS के तहत संकलित करना होगा।
इस तरह के पुस्तकालयों पर चुनाव गिर गया:

• gotk3 (GTK + 3)
• उपचार / क्यूटी (क्यूटी)
• zserge / webview (मूल वेबव्यू)

मैंने इलेक्ट्रॉन और अन्य फ्रेमवर्क को फेंक दिया जो क्रोमियम और नोड.जे को अपने साथ खींचते हैं, क्योंकि वे काफी वजन करते हैं और बहुत सारे ऑपरेटिंग सिस्टम संसाधनों को भी खाते हैं।

अब प्रत्येक पुस्तकालय के बारे में थोड़ा।

gotk3

GTK + 3 लाइब्रेरी बाइंडिंग । कवरेज सभी संभावनाओं से दूर है, लेकिन सभी आवश्यक चीजें मौजूद हैं।

मानक go build का उपयोग करके एप्लिकेशन को संकलित किया जाता है। MacOS के अपवाद के साथ क्रॉस-प्लेटफ़ॉर्म संकलन संभव है। केवल MacOS के साथ ही इस OS के लिए संकलित किया जा सकता है, खैर, macOS के साथ इसे Windows + GNU / Linux के लिए भी संकलित किया जा सकता है।

इंटरफ़ेस जीएनयू / लिनक्स , विंडोज के मूल निवासी दिखाई देगा (आपको एक विशेष विषय निर्दिष्ट करने की आवश्यकता होगी)। MacOS के लिए यह देशी नहीं लगेगा। आप केवल तब तक बाहर निकल सकते हैं जब तक कि एक भयानक विषय जो macOS के मूल तत्वों का अनुकरण नहीं करेगा।

therecipe / क्यूटी

बाइंडिंग लाइब्रेरी Qt 5 । QML, मानक विजेट के लिए समर्थन। सामान्य तौर पर, कई लोग इस बंधन को सलाह देते हैं।

qtdeploy विशेष कमांड का उपयोग करके qtdeploy । डेस्कटॉप प्लेटफॉर्म के अलावा, मोबाइल भी हैं। डॉकर का उपयोग करके क्रॉस संकलन किया जाता है। ऑपरेटिंग सिस्टम के लिए, Apple को केवल macOS के साथ संकलित किया जा सकता है।

यदि वांछित है, तो Qt पर , आप डेस्कटॉप OS पर इंटरफ़ेस को देशी बना सकते हैं।

zserge / webview

पुस्तकालय, जो मूल रूप से सी में लिखा गया था, लेखक ने इसे गो सहित कई भाषाओं में बिखेरा । देशी वेबव्यू का उपयोग प्रदर्शित करने के लिए किया जाता है: विंडोज - MSHTML , GNU / Linux - gtk-webkit2 , macOS - कोको / वेबकीट । गो पर कोड के अलावा , आपको जेएस पर भी लिखना होगा, और एचटीएमएल काम आएगा।

यह go build साथ संकलित है, एक्सगो के साथ क्रॉस- संकलन संभव है।

यह देशी दिख सकता है जितना कि एक मानक ब्राउज़र अनुमति देता है।

पसंद

मुझे gotk3 क्यों चुना गया ?

Therecipe / qt में, मैंने एप्लिकेशन के निर्माण के लिए बहुत जटिल प्रणाली को पसंद नहीं किया, उन्होंने एक विशेष आदेश भी दिया।

zserge / webview लगता है कि यह खराब नहीं है, यह अधिक वजन नहीं करेगा, लेकिन फिर भी यह webview है और ऐसे अनुप्रयोगों में मौजूद मानक समस्याएं हो सकती हैं : शायद कहीं जाने के लिए। और यह इलेक्ट्रॉन नहीं है, जहां उन्नत क्रोमियम हमेशा शामिल होता है, लेकिन कुछ पुराने विंडोज में सब कुछ जा सकता है। और इसके अलावा, आपको JS में भी लिखना होगा।

मैंने gotk3 को कुछ औसत के रूप में चुना। आप इसे मानक go build साथ बना सकते go build , यह स्वीकार्य लगता है, और वास्तव में मुझे GTK + 3 से प्यार है!

सामान्य तौर पर, मैंने सोचा था कि सब कुछ सरल होगा। और गो के बारे में क्या व्यर्थ वे कहते हैं कि यह जीयूआई के साथ एक समस्या है। लेकिन मैं कितना गलत था ...

शुरुआत हो रही है

खुद को gotk3 ( gtk , gdk , glib , cairo ) से सब कुछ स्थापित करें:

 go get github.com/gotk3/gotk3/... 

साथ ही, जीटीके + 3 पुस्तकालय को विकास के लिए आपके सिस्टम पर स्थापित होना चाहिए।

जीएनयू / लिनक्स

उबंटू में :

 sudo apt-get install libgtk-3-dev 

आर्क लिनक्स में :

 sudo pacman -S gtk3 

MacOS

होमब्रे

  brew install gtk-mac-integration gtk+3 

विंडोज

यह यहाँ इतना आसान नहीं है। आधिकारिक निर्देश MSYS2 का उपयोग करने का सुझाव देते हैं और इसमें पहले से ही सब कुछ करते हैं। व्यक्तिगत रूप से, मैंने अन्य ऑपरेटिंग सिस्टम पर कोड लिखा, और आर्क लिनक्स में विंडोज के लिए क्रॉस-संकलन किया, जो मुझे आशा है कि जल्द ही लिखेंगे।

सरल उदाहरण है

अब हम main.go कोड के साथ एक छोटी फाइल लिखते हैं:

 package main import ( "log" "github.com/gotk3/gotk3/gtk" ) func main() { //  GTK. gtk.Init(nil) //    ,   //     "destroy"     //     win, err := gtk.WindowNew(gtk.WINDOW_TOPLEVEL) if err != nil { log.Fatal("   :", err) } win.SetTitle(" ") win.Connect("destroy", func() { gtk.MainQuit() }) //         l, err := gtk.LabelNew(", gotk3!") if err != nil { log.Fatal("   :", err) } //     win.Add(l) //      win.SetDefaultSize(800, 600) //      win.ShowAll() //    GTK ( ).    //  gtk.MainQuit() gtk.Main() } 

आप go build का उपयोग करके संकलन कर सकते go build , और फिर बाइनरी चला सकते हैं। लेकिन हम इसे चलाते हैं:

 go run main.go 

शुरू करने के बाद, हमें इस तरह की एक खिड़की मिलती है:

बधाई! आपको README gotk3 से एक सरल आवेदन मिला!

अधिक उदाहरण गितूब गटक 3 पर पाए जा सकते हैं। मैं उन्हें अलग नहीं करूंगा। चलो कुछ ऐसा करें जो उदाहरणों में न हो!

वृक्षों से खाली जगह

Gtk + 3 के लिए एक ऐसी चीज है - ग्लेड । यह GTK + के लिए एक ग्राफिकल डिजाइनर है। यह कुछ इस तरह दिखता है:

प्रोग्राम कोड का उपयोग करके विंडो में कहीं और बाद में इसे मैन्युअल रूप से न रखने के लिए और इसे बाद में रखने के लिए, आप पूरे डिजाइन को ग्लेड में फेंक सकते हैं। फिर एक XML जैसी * .glade फ़ाइल में सब कुछ सहेजें और हमारे आवेदन के माध्यम से लोड करें।

ग्लेड स्थापित करें

जीएनयू / लिनक्स

GNU / Linux वितरण पर, ग्लेड को स्थापित करना आसान है। कुछ उबंटू में, यह होगा:

 sudo apt-get install glade 

आर्क लिनक्स में :

 sudo pacman -S glade 

MacOS

आधिकारिक साइट से डाउनलोड बहुत पुराने बिल्ड हैं। इसलिए, Homebrew के माध्यम से स्थापित करना बेहतर है:

 brew install glade 

और फिर चलाएं:

 glade 

विंडोज

आप यहाँ नवीनतम संस्करण डाउनलोड कर सकते हैं । मैंने व्यक्तिगत रूप से इसे विंडोज पर बिल्कुल भी स्थापित नहीं किया था, इसलिए मुझे वहां ग्लेड की स्थिरता के बारे में पता नहीं है।

ग्लेड का उपयोग करके सरल अनुप्रयोग

सामान्य तौर पर, मैंने इस विंडो की तरह कुछ डिज़ाइन किया है:

सहेजा और main.glade फ़ाइल प्राप्त की:

 <?xml version="1.0" encoding="UTF-8"?> <!-- Generated with glade 3.22.1 --> <interface> <requires lib="gtk+" version="3.20"/> <object class="GtkWindow" id="window_main"> <property name="title" translatable="yes"> Glade</property> <property name="can_focus">False</property> <child> <placeholder/> </child> <child> <object class="GtkBox"> <property name="visible">True</property> <property name="can_focus">False</property> <property name="margin_left">10</property> <property name="margin_right">10</property> <property name="margin_top">10</property> <property name="margin_bottom">10</property> <property name="orientation">vertical</property> <property name="spacing">10</property> <child> <object class="GtkEntry" id="entry_1"> <property name="visible">True</property> <property name="can_focus">True</property> </object> <packing> <property name="expand">False</property> <property name="fill">True</property> <property name="position">0</property> </packing> </child> <child> <object class="GtkButton" id="button_1"> <property name="label" translatable="yes">Go</property> <property name="visible">True</property> <property name="can_focus">True</property> <property name="receives_default">True</property> </object> <packing> <property name="expand">False</property> <property name="fill">True</property> <property name="position">1</property> </packing> </child> <child> <object class="GtkLabel" id="label_1"> <property name="visible">True</property> <property name="can_focus">False</property> <property name="label" translatable="yes">This is label</property> </object> <packing> <property name="expand">False</property> <property name="fill">True</property> <property name="position">2</property> </packing> </child> </object> </child> </object> </interface> 

यही है, हमें खिड़की window_main ( GtkWindow ) GtkWindow , जिसमें कंटेनर ( GtkBox ) के अंदर, जिसमें entry_1 ( GtkEntry ) इनपुट फ़ील्ड, button_1 ( GtkButton ) और label_1 ( GtkLabel ) शामिल हैं। इसके अलावा, बग्स की विशेषताएँ भी हैं (मैंने थोड़ा कॉन्फ़िगर किया है), दृश्यता और अन्य विशेषताएँ जिन्हें ग्लेड ने स्वचालित रूप से जोड़ा।

आइए अब इस दृश्य को हमारे main.go में लोड करने का प्रयास करें:

 package main import ( "log" "github.com/gotk3/gotk3/gtk" ) func main() { //  GTK. gtk.Init(nil) //   b, err := gtk.BuilderNew() if err != nil { log.Fatal(":", err) } //       Glade err = b.AddFromFile("main.glade") if err != nil { log.Fatal(":", err) } //      ID obj, err := b.GetObject("window_main") if err != nil { log.Fatal(":", err) } //       gtk.Window //     "destroy"     //     win := obj.(*gtk.Window) win.Connect("destroy", func() { gtk.MainQuit() }) //      win.ShowAll() //    GTK ( ).    //  gtk.MainQuit() gtk.Main() } 

फिर से चलाएं:

 go run main.go 

और हम प्राप्त करते हैं:

हुर्रे! अब हम XML- main.glade फ़ाइल और main.go में कोड main.go !

संकेत

खिड़की शुरू होती है, लेकिन चलो अन्तरक्रियाशीलता जोड़ते हैं। जब आप बटन पर क्लिक करते हैं तो इनपुट फ़ील्ड से टेक्स्ट लेबल में मिलता है।

ऐसा करने के लिए, पहले हमें कोड में इनपुट फ़ील्ड, बटन और लेबल के तत्व मिलते हैं:

 //    obj, _ = b.GetObject("entry_1") entry1 := obj.(*gtk.Entry) //   obj, _ = b.GetObject("button_1") button1 := obj.(*gtk.Button) //   obj, _ = b.GetObject("label_1") label1 := obj.(*gtk.Label) 

कोड को सरल बनाने के लिए GetObject() फ़ंक्शन रिटर्न में त्रुटियों को मैं नहीं संभालता। लेकिन एक वास्तविक कामकाजी अनुप्रयोग में, उन्हें संसाधित किया जाना चाहिए।

सब ठीक है। उपरोक्त कोड का उपयोग करके, हम अपने फॉर्म एलिमेंट्स प्राप्त करते हैं। अब आइए clicked बटन सिग्नल को संभालें (जब बटन दबाया जाए)। जीटीके + संकेत अनिवार्य रूप से घटना की प्रतिक्रिया है। कोड जोड़ें:

 //      button1.Connect("clicked", func() { text, err := entry1.GetText() if err == nil { //       label1.SetText(text) } }) 

अब कोड चलाएँ:

 go run main.go 

क्षेत्र में कुछ पाठ दर्ज करने और Go बटन पर क्लिक करने के बाद, हम इस पाठ को लेबल में देखेंगे:

अब हमारे पास एक इंटरैक्टिव एप्लीकेशन है!

निष्कर्ष

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

लेख से उदाहरण के लिए स्रोत कोड यहाँ हैं ।

और यदि आप अगली कड़ी को पढ़ना चाहते हैं, तो आप वोट कर सकते हैं। और अगर यह किसी के लिए दिलचस्प हो जाता है, तो मैं लिखना जारी रखूंगा।