QML इंजन के इंटर्नल्स। भाग 1: डाउनलोड फ़ाइलें

लेखों की इस ( अनुवाद में भाग 2 ) श्रृंखला में, हम QML इंजन के हुड के नीचे देखेंगे और इसके आंतरिक कार्य की कुछ विशेषताओं को प्रकट करेंगे। लेख QtQuick, QtQuick 2.0 के Qt5 संस्करण पर आधारित हैं।

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

उदाहरण

इस लेख में, हम एक उदाहरण का उपयोग करेंगे जो कुछ विशेष नहीं करता है, लेकिन इसमें QML के कुछ दिलचस्प भाग शामिल हैं:

import QtQuick 2.0 Rectangle { id: root width: 360 height: width + 50 color: "lightsteelblue" property alias myWidth: root.width property int counter: 1 function reactToClick() { root.counter++ } Text { id: text text: qsTr("Hello World: " + counter) anchors.centerIn: parent } MouseArea { id: mouseArea anchors.fill: parent onClicked: { reactToClick() } } } 

इस फ़ाइल में तीन तत्व होते हैं: आयत, पाठ और माउसआयर। वे C ++ कक्षाओं QQuickRectangle , QQuickText और QQuickMouseArea के अनुरूप हैं । इसके अलावा, ये वर्ग केवल QML को निर्यात किए जाते हैं, निजी होते हैं, और C ++ से सीधे Qt उपयोगकर्ताओं के लिए सुलभ नहीं होते हैं। तत्वों को स्क्रीन पर QML सीनग्राफ ( QML दृश्य ट्री) का उपयोग करके OpenGL के माध्यम से तैयार किया जाता है। जिस क्रम में ईवेंट तैयार और संसाधित किए जाते हैं, वह QQuickView द्वारा निर्धारित किया जाता है । वन-टू-वन QML फ़ाइल जेनरेट की गई C ++ ऑब्जेक्ट ट्री से मेल खाती है, जिसे Qt KDAB टीम द्वारा विकसित टूल का उपयोग करके जांचा जा सकता है, जिसे गैमाराय कहा जाता है।



जैसा कि अपेक्षित था, QQuickMouseArea और QQuickText क्लासेज ऑब्जेक्ट ट्री में प्रदर्शित होते हैं। लेकिन QQuickRectangle_QML_0 क्या है? ऐसा C ++ वर्ग केवल Qt के स्रोत कोड में मौजूद नहीं है! हम बाद के पदों में इस पर लौट आएंगे, अभी के लिए, हम बस यह मान लेते हैं कि QQuickRectangle ऑब्जेक्ट का उपयोग किया गया है।

आइए आगे बढ़ते हैं और QML प्रोफाइलर में एप्लिकेशन चलाते हैं:


जैसा कि हम देख सकते हैं, समय का शेर का हिस्सा निर्माण चरण में चला जाता है। और काफी थोड़ा - ड्राइंग (पेंटिंग) के चरण तक, जिसके परिणाम हम स्क्रीन पर देखते हैं। लेकिन संकलन का चरण क्या है? क्या इसका मतलब मशीन या बाइट कोड है? आइए फाइल अपलोड एल्गोरिथ्म पर थोड़ा गहराई से गौर करें।

QML फ़ाइल लोड करने के चरण

QML फ़ाइल को डाउनलोड करने को 3 स्वतंत्र चरणों में विभाजित किया जा सकता है, जिसे हम निम्नलिखित वर्गों में विचार करेंगे:

• पार्सिंग (विश्लेषण)
• संकलन (संकलन)
• बनाना (निर्माण)

पदच्छेद

सबसे पहले, QML फ़ाइल QQmlScript :: Parser का उपयोग करके पार्स की गई है। अधिकांश आंतरिक पार्सर नियम स्वचालित रूप से व्याकरण फ़ाइल से उत्पन्न होते हैं। हमारे उदाहरण से सार सिंटेक्स ट्री (एएसटी) इस तरह दिखेगा:

(चित्र ग्रेविज़ और इस पैच का उपयोग करके बनाया गया था)

प्रारंभ में, एएसटी काफी निम्न स्तर पर और अपने काम के अगले चरण में, उच्च स्तर पर, यह वस्तुओं (ऑब्जेक्ट्स) , गुणों (गुण) और मूल्यों (मूल्यों) की संरचनाओं में बदल जाता है। यह एएसटी :: आगंतुक द्वारा किया जाता है। इस स्तर पर, ऑब्जेक्ट QML तत्वों और "रंग" और "lightsteelblue" जैसे प्रॉपर्टी / वैल्यू जोड़े, QML तत्वों के डेटा गुणों और मूल्यों के अनुरूप हैं। यहां तक ​​कि इस स्तर पर onClicked जैसे सिग्नल हैंडलर सिर्फ संपत्ति / मूल्य जोड़े हैं, इस मामले में मूल्य जावास्क्रिप्ट फ़ंक्शन का शरीर है।

संकलन

सिद्धांत रूप में, वस्तुओं, गुणों और मूल्यों की संरचना होने से, हम पहले से ही इन क्यूएमएल तत्वों से जुड़े सी ++ ऑब्जेक्ट बना सकते हैं, और उन्हें उपयुक्त मान असाइन कर सकते हैं। हालाँकि, ऑब्जेक्ट, गुण और मान अभी भी बहुत क्रूड हैं, और C ++ ऑब्जेक्ट्स बनाए जाने से पहले कुछ पोस्ट-प्रोसेसिंग की आवश्यकता होती है। पोस्ट-प्रोसेसिंग QQmlCompiler ऑब्जेक्ट द्वारा किया जाता है, जो बताता है कि हमारे प्रोफाइलर में "संकलन" चरण का क्या मतलब है। कंपाइलर दिए गए QML फ़ाइल के लिए एक QQmlCompiledData ऑब्जेक्ट बनाता है।

QQmlCompiledData के साथ काम करना और इसमें से C ++ ऑब्जेक्ट बनाना ऑब्जेक्ट्स, प्रॉपर्टीज़ और वैल्यूज़ के साथ सीधे काम करने की तुलना में बहुत तेज़ है। जैसा कि ऊपर उल्लेख किया गया है, प्रत्येक व्यक्तिगत QML फ़ाइल के लिए ऑब्जेक्ट ट्री बनाया गया है। यदि आप बार-बार एक QML फ़ाइल का उपयोग करते हैं, उदाहरण के लिए Button.qml, जो सार्वभौमिक रूप से अन्य QML फ़ाइलों में उपयोग की जाती है, तो QQmlCompiledData ऑब्जेक्ट को केवल एक बार इसके लिए संकलित किया जाएगा, जिसे मेमोरी में संग्रहीत किया जाएगा और C ++ ऑब्जेक्ट बनाने के लिए इसका उपयोग हर बार किया जाता है जब यह बटन फ़ाइल के समावेश का सामना करता है। आवेदन पार्सिंग के दौरान .qml इसके बाद, निर्माण चरण शुरू होता है, जिसे हमने प्रोफाइलर विंडो में देखा था।

संक्षेप में: प्रत्येक QML फ़ाइल को पार्स करना और उसे केवल एक बार संकलित करना, जिसके बाद QQmlCompiledData ऑब्जेक्ट का उपयोग जल्दी से C ++ ऑब्जेक्ट बनाने के लिए किया जाता है।

सृजन

मैं QQmlCompiledData के बारे में विवरण में नहीं जाऊंगा, लेकिन एक बात आपका ध्यान आकर्षित कर सकती है: QByteArray bytecode सदस्य चर। C ++ ऑब्जेक्ट्स बनाने के लिए निर्देश और इसके गुणों को मानों के उचित असाइनमेंट को बायटेकोड के रूप में संकलित किया गया है, जिसे तब बायटेकोड दुभाषिया ( अनुवादक से: इंटरप्रेटर द्वारा व्याख्या की गई, व्याख्या की गई, लेकिन नहीं ... =) द्वारा व्याख्या की जाती है । Bytecode में निर्देशों का एक सेट होता है, और QQmlCompiledData में बाकी सामग्री का उपयोग केवल निर्देश को निष्पादित करते समय सहायक डेटा के रूप में किया जाता है।

निर्माण के चरण में, बायटेकोड की व्याख्या QQmlVME वर्ग द्वारा की जाती है । QQmlVME :: इंटरप्रिटर का कार्य क्रमिक रूप से बड़े स्विच स्टेटमेंट के आधार पर बायटेकोड निर्देशों को क्रमिक रूप से निष्पादित करता है। ध्वज QML_COMPILER_DUMP = 1 के साथ आवेदन शुरू करते समय, हम अलग-अलग बायोटेक निर्देश देख सकते हैं:

 Index Operation Data1 Data2 Data3 Comments ------------------------------------------------------------------------------- 0 INIT 4 3 0 0 1 INIT_V8_BINDING 0 17 2 CREATECPP 0 3 STORE_META 4 SETID 0 "root" 5 BEGIN 16 6 STORE_INTEGER 45 1 7 STORE_COLOR 41 "ffb0c4de" 8 STORE_COMPILED_BINDING 10 2 0 9 STORE_DOUBLE 9 360 10 FETCH_QLIST 2 11 CREATE_SIMPLE 32 12 SETID 1 "text" 13 BEGIN 16 14 STORE_V8_BINDING 43 0 0 15 FETCH 19 16 STORE_COMPILED_BINDING 17 1 1 17 POP 18 STORE_OBJECT_QLIST 19 CREATE_SIMPLE 32 20 SETID 2 "mouseArea" 21 BEGIN 16 22 STORE_SIGNAL 42 2 23 FETCH 19 24 STORE_COMPILED_BINDING 16 0 1 25 POP 26 STORE_OBJECT_QLIST 27 POP_QLIST 28 SET_DEFAULT 29 DONE ------------------------------------------------------------------------------- 

• CREATE_SIMPLE सबसे महत्वपूर्ण निर्देश है, यह पंजीकृत वस्तुओं के डेटाबेस का उपयोग करके C ++ ऑब्जेक्ट बनाता है: QQmlMMIKype ।
• STORE_INTEGER - किसी संपत्ति को पूर्णांक मान निर्दिष्ट करने के लिए एक निर्देश।
• STORE_SIGNAL का उपयोग संबंधित सिग्नल हैंडलर बनाने के लिए किया जाता है।
• STORE_ * _BINDING का उपयोग प्रॉपर्टी बाइंडिंग बनाने के लिए किया जाता है। हम इस श्रृंखला में अगले पोस्ट में बाइंडिंग के बारे में अधिक बात करेंगे।
• SETID, जाहिर है, एक पहचानकर्ता को एक ऐसी वस्तु के लिए परिभाषित करता है जो एक नियमित संपत्ति नहीं है।

VME में वस्तुओं का एक ढेर है, STORE_ * प्रकार के सभी निर्देश शीर्ष स्तर पर स्थित वस्तु के साथ काम करते हैं। FETCH स्टैक के शीर्ष पर एक विशिष्ट QObject रखता है, POP शीर्ष ऑब्जेक्ट को हटा देता है। सभी निर्देश संख्यात्मक सूचकांकों का व्यापक उपयोग करते हैं, उदाहरण के लिए, STORE_COLOR स्टेटमेंट संपत्ति 41 को लिखता है, जो मेटा प्रॉपर्टी ऑब्जेक्ट.ऑडिनरी का सूचकांक है, लक्ष्य QObject।

संक्षेप में: QML फ़ाइल संकलित किए जाने के बाद, इसके C ++ ऑब्जेक्ट का एक उदाहरण बनाना संचरित संकलित डेटा से उत्पन्न बायटेकोड को निष्पादित करने का एक मामला है।

निष्कर्ष

इस नोट के अंत में, हमने पेश किया कि कैसे QML फ़ाइलों को पार्स, संसाधित और संकलित किया जाता है। और फिर कैसे VME संबंधित वस्तुओं का निर्माण करता है। मुझे आशा है कि आपने QML इंजन के बारे में कुछ दिलचस्प सीखा है।

अगली पोस्ट तक देखते रहिए, जिसमें हम देखेंगे कि QML में बाइंडिंग कैसे काम करती है।

अनुवादक से: एक ही नस में जारी रखने या रोकने के लिए? पिछले अनुवादों पर टिप्पणियों की सबसे मामूली संख्या को देखते हुए, यह विषय हबर दर्शकों के लिए बहुत दिलचस्प नहीं है।

पुनश्च: और हाँ, मुझे पता है कि मेरे से अनुवादक ऐसा है, लेकिन मैं अपनी पूरी कोशिश करता हूं =) त्रुटियां और टिप्पणियां - मैं पीएम से पूछता हूं।