बेस्ट क्यूटी क्विक ट्रिक्स: बाइंडिंग प्रॉपर्टीज़ इन क्यूएमएल

दो गुणों (संपत्ति के बंधन) "ए" और "बी" के बीच के बंधन को "ए: बी" के रूप में घोषित किया गया है, "ए" जब भी "बी" का मूल्य अपडेट किया जाता है। लिंकिंग गुण एक तत्व के आकार को नियंत्रित करने, एक एंकर का उपयोग करके एक तत्व की स्थिति को नियंत्रित करने, गतिशील रूप से पाठ या छवियों को बदलने, एक तत्व के रंग या बटन की स्थिति को नियंत्रित करने में व्यावहारिक अनुप्रयोग पाता है।

अपने सरलतम रूप में, "a" "b" से जुड़ा हुआ है, गुणों के बंधन की अवधि के लिए "b" के समान अर्थ रखता है। अधिक उन्नत रूप में, "a" एक मनमानी जावास्क्रिप्ट अभिव्यक्ति को बांधता है जो "b" को "a: b + 1" के रूप में उपयोग करता है।

आप दो से अधिक गुणों को जोड़ सकते हैं - "a: b * c + 1"। इस स्थिति में, अभिव्यक्ति को हर बार "बी" या "सी" माना जाएगा।

नीचे दी गई तालिका "ए" के मूल्य के बारे में बताती है कि समय के साथ "बी" और "सी" कैसे बदलते हैं।

a: b * c + 1	एक	ख	ग
प्रारंभिक मूल्य	1	0	0
बी = १	1	1	0
ग = २	3	1	2
बी = -3	-5	-3	2

बाध्यकारी गुणों की संभावनाएं असीम लगती हैं, और वास्तव में, उन्हें विभिन्न प्रकारों के गुणों के बीच सेट किया जा सकता है। गणना "ई" के साथ जुड़े रंग संपत्ति "ग" पर विचार करें। बेशक, एक साधारण सी: ई बंधन काम नहीं करेगा। लेकिन हम जावास्क्रिप्ट का उपयोग करके "ई" परिवर्तित कर सकते हैं:

function toColor(e) { switch(e) { case highlighted: return "blue"; case inactive: return "white"; default: return "black"; } } 

अब, संपत्ति बाध्यकारी के रूप में लिखा जा सकता है:

 c: toColor(e) 

यह अपेक्षित रूप से काम करेगा: "सी" को सही ढंग से अपडेट किया जाएगा भले ही टॉकर खुद ही किसी अन्य संपत्ति पर निर्भर करता है (छोड़कर, निश्चित रूप से, "ई") - हालांकि, इस तरह की छिपी निर्भरता से बचने की कोशिश करना बेहतर है।
संबंधित संपत्तियों को मान देने से बचना चाहिए। गुण मुक्त (मुक्त गुण) या संबंधित (अन्य गुणों के साथ; बाध्य गुण) हो सकते हैं। यदि संपत्ति खाली है, तो स्पष्ट रूप से एक मूल्य निर्दिष्ट करने की अनुमति है। एक बार जब कोई संपत्ति बाध्य हो जाती है, तो प्रत्येक नया असाइनमेंट पिछले संपत्ति संबंध को हटा देगा। यह त्रुटियों का स्रोत हो सकता है और इसलिए इसे टाला जाना चाहिए।

आप स्पष्ट राज्य प्रबंधन के बजाय संपत्ति बंधन का उपयोग कर सकते हैं। यदि QML राज्य नियंत्रण तर्क का उपयोग करता है, तो संपत्ति बंधन के आधार पर अधिक उन्नत समाधान का उपयोग करना बेहतर होता है। परिणाम समान होगा, लेकिन नई संपत्तियों के पीछे राज्य प्रसंस्करण छिपा होगा। जैसे ही राज्य प्रबंधन तर्क अधिक जटिल होने लगता है, यह ध्यान देने योग्य हो जाता है कि संपत्ति के बंधन की मापनीयता बहुत अधिक है (स्केलिंग की जटिलता के दायरे में)।

हम स्पष्ट राज्य प्रसंस्करण का उपयोग करते हुए तत्व को चिह्नित करते हैं।

 import QtQuick 1.0 //    ,    . Rectangle { id: canvas anchors.fill: parent color: "green" MouseArea { anchors.fill: parent onClicked: { canvas.state == "activated" ? canvas.state = "" : canvas.state = "activated" } } states: [ State { name: "activated" PropertyChanges { target: canvas color: "red" } } ] } 

हम तत्व को रंग के साथ जुड़े एक नए गुण का उपयोग करके सक्रिय के रूप में चिह्नित करते हैं।

 import QtQuick 1.0 //    ,    . Rectangle { id: canvas anchors.fill: parent property bool activated: false color: activated ? "red" : "green" MouseArea { anchors.fill: parent onClicked: { canvas.activated = !canvas.activated } } } 

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

हालांकि, आपको संपत्ति बंधन का उपयोग करने के लाभों के लिए भुगतान करना होगा - कुछ शर्तों के तहत, प्रदर्शन काफ़ी हद तक गिर सकता है। हालाँकि, यह एक अलग विषय है, जो अगले लेख के लिए समर्पित होगा।