Qt QJSEngine नमस्ते दुनिया

यह उदाहरण एम। शिले की पुस्तक "क्यूटी प्रोफेशनल क्यूटी प्रोग्रामिंग" "टर्टल ग्राफिक्स" के उदाहरण पर आधारित है। काम की बेहतर समझ के लिए, मैं आपको "क्यू स्क्रिप्स स्क्रिप्टिंग लैंग्वेज" खंड पढ़ने की सलाह देता हूं।

उदाहरण में, एक साधारण टर्मिनल लागू किया जाएगा जिसमें कमांड दर्ज किए जा सकते हैं। आदेशों के निष्पादन का परिणाम उसी टर्मिनल में प्रदर्शित किया जाएगा। उपयोगकर्ता इंटरफ़ेस QML में कार्यान्वित किया जाएगा।

क्यूटी क्विक प्रोजेक्ट बनाएं



हम फॉर्म का वर्णन करते हैं। Main.qml फ़ाइल:

import QtQuick 2.12 import QtQuick.Window 2.12 import QtQuick.Controls 2.0 Window { id: window visible: true width: Screen.width/2 height: Screen.height/2 title: qsTr(" jsEnjine") property string consoleFontFamily: "Consolas" property int fontPixelSize: 14 TextArea { id: textAreaLog anchors.bottom: rectangle.top anchors.bottomMargin: 3 anchors.right: parent.right anchors.rightMargin: 3 anchors.left: parent.left anchors.leftMargin: 3 anchors.top: parent.top anchors.topMargin: 3 readOnly: true } Rectangle { id: rectangle height: 25 anchors.right: parent.right anchors.rightMargin: 3 anchors.left: parent.left anchors.leftMargin: 3 anchors.bottom: parent.bottom anchors.bottomMargin: 3 border.color: "#0c0a0a" TextEdit { id: textEditInput anchors.right: parent.right anchors.rightMargin: 5 anchors.left: parent.left anchors.leftMargin: 5 anchors.bottom: parent.bottom anchors.bottomMargin: 5 anchors.top: parent.top anchors.topMargin: 5 font.pixelSize: fontPixelSize } } } 

आकार



AppCore और Console क्लास को प्रोजेक्ट में जोड़ें, थोड़ा main.c जोड़ें

 #include <QGuiApplication> #include <QQmlApplicationEngine> #include <QQmlContext> #include "appcore.h" int main(int argc, char *argv[]) { QCoreApplication::setAttribute(Qt::AA_EnableHighDpiScaling); QGuiApplication app(argc, argv); AppCore appCore; QQmlApplicationEngine engine; QQmlContext *context = engine.rootContext();//   //      ,  //    //     context->setContextProperty("appCore",&appCore); engine.load(QUrl(QStringLiteral("qrc:/main.qml"))); if(engine.rootObjects().isEmpty()) return -1; return app.exec(); } 

appcore.h

 #ifndef APPCORE_H #define APPCORE_H #include <QObject> #include <QJSEngine> #include "console.h" class AppCore : public QObject { Q_OBJECT public: explicit AppCore(QObject *parent = nullptr); private: QJSEngine appScriptEngine; Console *userConsole; signals: Q_INVOKABLE void appEndTextArea(const QString& text); Q_INVOKABLE void clearTextArea(); public slots: Q_INVOKABLE void slotEvaluate(const QString& code); }; #endif // APPCORE_H 

appcore.c

 #include "appcore.h" AppCore::AppCore(QObject *parent) : QObject(parent) { userConsole = new Console(this); QJSValue val = appScriptEngine.newQObject(userConsole); appScriptEngine.globalObject().setProperty("console",val); connect(userConsole, SIGNAL(appEndTextArea(QString)),this,SIGNAL(appEndTextArea(QString))); connect(userConsole, SIGNAL(clearTextArea()),this,SIGNAL(clearTextArea())); } void AppCore::slotEvaluate(const QString& code) { QJSValue result = appScriptEngine.evaluate(code); if(result.isError()){ QString er = QString("   %1: %2").arg(result.property("lineNumber").toInt()).arg(result.toString()); emit appEndTextArea(er); } } 

console.h

 #ifndef CONSOLE_H #define CONSOLE_H #include <QObject> class Console : public QObject { Q_OBJECT public: explicit Console(QObject *parent = nullptr); Q_INVOKABLE void log(const QString& message); Q_INVOKABLE void clear(); signals: Q_INVOKABLE void appEndTextArea(const QString& text); Q_INVOKABLE void clearTextArea(); }; #endif // CONSOLE_H 

console.cpp

 #include "console.h" Console::Console(QObject *parent) : QObject(parent) { } void Console::log(const QString& message) { emit appEndTextArea(message); } void Console::clear() { emit clearTextArea(); } 

AppCore क्लास के कंस्ट्रक्टर में , हमने QJSEngine को कंसोल क्लास का एक उदाहरण जोड़ा, और हमने यह भी निर्धारित किया कि हम इस क्लास के तरीकों को "कंसोल" के माध्यम से एक्सेस करेंगे।

 QJSValue val = appScriptEngine.newQObject(userConsole); appScriptEngine.globalObject().setProperty("console",val); 

सिग्नल appEndTextArea (const QString & text) - टेक्स्ट को टेक्स्ट में जोड़ें
main.qml

सिग्नल क्लियरटेक्अरेआ () - text.reaLog टेक्स्ट आउटपुट एरिया को main.qml में क्लियर करें ।

स्लॉट स्लॉटएवलिकेट (const QString और कोड) - मुख्य .qml में textEditInput में दर्ज किए गए js कोड का निष्पादन।

आइए main.qml में सिग्नल हैंडलर जोड़ें:

 Connections{ target: appCore onAppEndTextArea:{ textAreaLog.cursorPosition = textAreaLog.length; textAreaLog.append(text); } onClearTextArea:{ textAreaLog.cursorPosition=0; textAreaLog.text = ""; } } 

हम textEditInput सिग्नल के लिए एक संकेत भी जोड़ते हैं, शून्य स्लॉट कॉल करते हैं

 TextEdit { id: textEditInput anchors.right: parent.right anchors.rightMargin: 5 anchors.left: parent.left anchors.leftMargin: 5 anchors.bottom: parent.bottom anchors.bottomMargin: 5 anchors.top: parent.top anchors.topMargin: 5 font.pixelSize: fontPixelSize Keys.onReturnPressed:{ if(textEditInput.text == "")return; appCore.slotEvaluate(text) clear() } Keys.onEscapePressed: clear() } 

अब जब आप textEditInput में एक कमांड टाइप करते हैं और एंटर दबाते हैं , तो कमांड को AppCore में स्लॉटएवलिकेट करना होगा । जब आप ESC दबाते हैं, तो textEditInput फ़ील्ड साफ़ हो जाती है।

जब एप्लिकेशन शुरू होता है, अगर हम textEditInput में कंसोल.लॉग ("हैलो वर्ल्ड") कमांड दर्ज करते हैं, तो हम टेक्स्टएरियालॉग क्षेत्र में हैलो दुनिया देखेंगे। यदि आप अज्ञात QJSEngine कमांड दर्ज करते हैं, तो टर्मिनल में एक त्रुटि प्रदर्शित होगी।



इस प्रकार, हमने एक आवेदन लिखा है जिसमें हम QJSEngine से जुड़े वर्गों के तरीकों को कॉल कर सकते हैं और इन विधियों के परिणामों को प्रदर्शित कर सकते हैं। कोई कहेगा "जेएस का इससे क्या लेना-देना है?" आखिरकार, C ++ में कक्षाएं लिखी जाती हैं? ” , लेकिन यह एक और कहानी है…

गितुब पर लिंक परियोजना