गू और बिल्ली के साथ जीयूआई नियंत्रण

या ग्राफिकल इंटरफ़ेस के स्वतंत्र प्रबंधित रूप।

प्रागितिहास

एक बार मुझे इस सवाल में दिलचस्पी हो गई कि कार्यक्रमों के लिए उपयोगकर्ता इंटरफ़ेस बनाना कैसे संभव होगा और क्यूटी डिज़ाइनर से परिचित हो गया, ग्राफिकल इंटरफेस विकसित करने के लिए एक उपयोगिता, जो मानक क्यूटी का हिस्सा है।

इसके अलावा, क्यूटी डिजाइनर एक्सएमएल फाइलों में सभी रूपों को बचाने की अपनी क्षमता से प्रभावित था, जिसे बाद में सीधे कार्यक्रम से जोड़ा जा सकता है।

यह मुझे बहुत सुविधाजनक लगा, क्योंकि मैं टेक्स्ट एडिटर को छोड़े बिना बटन वाले बटन खींच सकता था।
और फिर विचार को रोका नहीं जा सकता है: यदि पूरे इंटरफ़ेस को तृतीय-पक्ष फ़ाइल में वर्णित किया गया है, तो प्रोग्राम कोड में सीधे रूपों के साथ काम के तत्व शामिल नहीं हो सकते हैं, लेकिन केवल कुछ प्रकार के प्रोग्राम इंटरफ़ेस का उपयोग करते हैं जो व्यवसाय तर्क और प्रस्तुति को अलग-थलग करते हैं।
यदि ऐसा है, तो उपयोगकर्ता इंटरफ़ेस के साथ ऐसा कार्यक्रम न केवल C ++, ओह पवित्र जीएनयू में लिखा जा सकता है, यह एक प्रोग्रामिंग भाषा के बिना भी हो सकता है।

जब तक मैंने इसे जाने नहीं दिया, मुझे तत्काल यह पता लगाना था कि यह कैसे करना है।

OpenForm

और इसलिए OpenForm की अवधारणा का जन्म हुआ - कमांड लाइन का उपयोग करके रूपों का निर्माण और प्रबंधन।

जहां मुख्य विचार इस तथ्य पर आधारित है कि इंटरफ़ेस के किसी भी राज्य को एक्सएमएल प्रारूप में दर्शाया जा सकता है।

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

तो यह पता चला है कि ओपनफार्म पहले फॉर्म विवरण फ़ाइल को पढ़ता है, उन्हें खींचता है, और दिए गए घटनाओं पर कुछ ट्रिगर लटका देता है, अर्थात् क्रियाएं।
यदि कोई घटना होती है, उदाहरण के लिए, किसी ने कहीं क्लिक किया, तो कुछ कार्रवाई की जाती है। और एक कार्रवाई कुछ बाहरी कार्यक्रम के निष्पादन से ज्यादा कुछ नहीं है, जिसे उपयोगकर्ता इंटरफ़ेस की नई स्थिति को वापस करना चाहिए।

और अब बिंदु द्वारा इंगित करें।
1. क्यूटी डिजाइनर * .यूआई एक्सएमएल फाइलों के रूप में डिजाइन को बचाता है।
2. OpenForm इन फाइलों और डिस्प्ले को पढ़ता है।
3. ट्रिगर को कुछ घटनाओं पर लटका दिया जाता है।
4. यदि कोई घटना घटित हुई है, तो एक तृतीय-पक्ष कमांड या प्रोग्राम निष्पादित किया जाता है, जिसे इंटरफ़ेस की एक नई स्थिति लौटना चाहिए, अर्थात, मानक आउटपुट डिवाइस पर नए डिज़ाइन संस्करण का आउटपुट XML।

गाइड

OpenForm * .ui फ़ाइलों के साथ काम करता है जो Qt डिज़ाइनर वातावरण में बनाई गई हैं।

<ui version="4.0" > <class>MainWindow</class> <widget class="QMainWindow" name="MainWindow"> <property name="windowTitle"> <string>MainWindow</string> </property> </widget> </ui> 

और केवल फॉर्म प्रदर्शित करने की डिफ़ॉल्ट क्षमता के अलावा, इसमें अतिरिक्त बन्स भी हैं।

लट्टू टिप्पणी

जो लोग बेहोश होते हैं, उनके लिए एक बात बहुत आवश्यक है, यदि आवश्यक नहीं है।

 <ui version="4.0" > <class>MainWindow</class> <widget class="QMainWindow" name="MainWindow"> # This is a comment <property name="windowTitle"> <string>MainWindow</string> # title of window # <string>MainWindow changed</string> # unneeded title </property> </widget> </ui> 

स्प्लिट और प्लग

उन लोगों के लिए एक पूरा सेट जो जाने नहीं देते हैं: परिचित #include प्रीप्रोसेसर निर्देश।
अब आप इंटरफ़ेस को मॉड्यूल में विभाजित कर सकते हैं।

परंपरा के अनुसार, यदि * .यूआई निष्पादन योग्य फाइलें हैं, तो हेडर * .36 की तरह होना चाहिए

फ़ाइल: ज्यामिति। 33:

 <property name="geometry" > <rect> <x>0</x> <y>0</y> <width>800</width> <height>600</height> </rect> </property> 

फ़ाइल: widget.ui:

 <ui version="4.0" > <class>MainWindow</class> <widget class="QMainWindow" name="MainWindow"> <property name="windowTitle"> <string>MainWindow</string> </property> #include "geometry.hui" </widget> </ui> 

इवेंट, सिग्नल और ट्रिगर

सबसे महत्वपूर्ण चीज जिसके लिए हम सभी यहां एकत्र हुए: कमांड लाइन के माध्यम से तीसरे पक्ष के कार्यक्रम का उपयोग करके उपयोगकर्ता इंटरफ़ेस की स्थिति को नियंत्रित करने की क्षमता।

 <triggers> <trigger object="btnSubmit"> <event signal="clicked">cat update_widget.uui</event> </trigger> </triggers> 

इसका अर्थ है कि यदि उपयोगकर्ता btnSubmit नामक बटन पर क्लिक करता है, तो कमांड निष्पादित किया जाएगा
बिल्ली update_widget.uui , जो इंटरफ़ेस की नई स्थिति के साथ फ़ाइल की सामग्री को प्रदर्शित करता है।

 <triggers> #      OBJECT_NAME <trigger object="OBJECT_NAME"> #     . # signal:  Qt  # action:   # "execute" - COMMAND   ,       XML # "return" - COMMAND        <event signal="SIGNAL" action="execute|return">COMMAND</event> </trigger> </triggers> 

क्रिया = वापसी आवश्यक है जब आपको उपयोगकर्ता से कुछ पूछने या किसी बाहरी प्रोग्राम से इंटरफ़ेस की स्थिति का पता लगाने की आवश्यकता होती है जो ओपनफ़ॉर्म ( डायलॉग बॉक्स के साथ उदाहरण देखें) को कॉल करता है।

बाहर निकालें और प्रक्रिया करें

OpenForm में विजेट गुणों का मान प्राप्त करने की एक और असाधारण क्षमता है। यानी यदि आपको यह पता लगाने की आवश्यकता है कि उपयोगकर्ता ने इनपुट क्षेत्र में क्या टाइप किया है, तो आप {WIDGET_NAME.PROPERTY_NAME} निर्माण का उपयोग कर सकते हैं

उदाहरण के लिए

 <event signal="clicked">php script.php —user-input={lineEdit.text}</event> 

जहाँ {lineEdit.text} - इसका मतलब है कि लाइनएडिट विजेट से टेक्स्ट नाम की संपत्ति का मान वापस करने के लिए। यदि उपयोगकर्ता कुछ दर्ज करता है, तो यह एक तृतीय-पक्ष स्क्रिप्ट को पारित किया जा सकता है।

यही चीज बूलियन गुणों के लिए काम करती है।

 <event signal="clicked">php script.php --checked={checkBox.checked}</event> 

सच्चा या गलत लौटाता है।

स्क्रीनिंग

अगर आपको कमांड में {का उपयोग करने की आवश्यकता है, तो आप बस इस तरह लिख सकते हैं \ {

बिंदु अद्यतन

यदि ट्रिगर डिजाइन के रूप में देता है

 <ui version="4.0"> ... </ui> 

फिर फॉर्म को फिर से तैयार किया जाता है।
लेकिन ऐसे मामलों में जब फॉर्म को फिर से बनाने की आवश्यकता नहीं होती है, लेकिन बस एक तत्व की स्थिति को अपडेट करने की आवश्यकता होती है, आप इसका उपयोग कर सकते हैं:

 <update> ... </update> 

और अंत में, गू के साथ GUI को प्रबंधित करना

तो हम इस सवाल पर आए कि इस तरह से आप इको उपयोगिता का उपयोग करके ग्राफिकल इंटरफ़ेस को कैसे नियंत्रित कर सकते हैं।

अक्सर आप प्रत्येक घटना के लिए नई डिज़ाइन फ़ाइलें नहीं बनाना चाहते हैं, इसलिए आप तुरंत ट्रिगर्स में संकेत कर सकते हैं कि क्या बदलना है और कैसे करना है।

 <event signal="clicked">echo "[[update]] [[widget name='label']] [[property name='text']] [[string]]{lineEdit.text}[[/string]] [[/property]] [[/widget]] [[/update]]" </event> 

प्रेस ईवेंट पर, इको कमांड निष्पादित की जाएगी, जहां [[ को < , a ]] - > द्वारा प्रतिस्थापित किया जाएगा। परिणाम लाइनएडिट इनपुट फ़ील्ड से लेबल ऑब्जेक्ट पर पाठ की प्रतिलिपि बना रहा होगा।

खैर, यह सब क्यों आवश्यक है?

उदाहरण के लिए, एक सॉफ्टवेयर इंस्टॉलेशन सहायक:

अंजीर। 1. लाइसेंस समझौते का चरण।


अंजीर 2. एनीमेशन का एक उदाहरण, बार की प्रगति।

तुम भी बस ग्राफिकल रूपों का उपयोग कर कुछ के बारे में एक दुर्जेय उपयोगकर्ता पूछ सकते हैं।

चित्रा 3. एक उपयोगकर्ता कार्रवाई के लिए इंतजार कर एक संवाद बॉक्स।

यह निम्नानुसार काम करता है:

 #!/bin/bash an=`./dialog.ui` if [ $an = 'yes' ]; then echo 'There should be real installation of something very cool' else echo 'Ok, we will do nothing...' fi 

या ... या हो सकता है कि बैश पर एक रेखांकन कैलकुलेटर लिखें।

अंजीर 4. बैश पर प्रसंस्करण अभिव्यक्तियों के साथ रेखांकन कैलकुलेटर।

या इस तरह भी:

चित्र 5. PHP में रेखांकन कैलकुलेटर।