Sizlerin de takip etti\u011fi \u00fczere, bir s\u00fcredir\u00a0 QT ve QML kullan\u0131m\u0131na ili\u015fkin bir \u00e7ok yaz\u0131 ve kod payla\u015f\u0131yorum. Bug\u00fcn de sizlerle QML ile C++’\u0131 nas\u0131l kullanabilece\u011finize, bu kullan\u0131m s\u0131ras\u0131nda dikkat etmeniz gereken hususlara, bir ka\u00e7 \u00f6rnek \u00fczerinden bakaca\u011f\u0131z. Bu yaz\u0131 ile birlikte, kendi QML ve C++ uygulamar\u0131n\u0131z\u0131 kolay bir \u015fekilde geli\u015ftirebilece\u011finizi umuyorum.<\/p>\n
Bu yaz\u0131da, QML ve C++ kullan\u0131m\u0131na ili\u015fkin, temel ve gerekli oldu\u011funu d\u00fc\u015f\u00fcnd\u00fc\u011f\u00fcm bir tak\u0131m konulara de\u011finece\u011fim, daha karma\u015f\u0131k konulara (C++ modelleri ile QML’i nas\u0131l entegre edebiliriz, \u00f6zellikle ListView, ComboBox gibi bile\u015fenler i\u00e7in) ise farkl\u0131 yaz\u0131larda e\u011filece\u011fiz.<\/p>\n
Bu yaz\u0131ma belli ba\u015fl\u0131 sorular ile y\u00f6n vermek istiyorum. O zaman ilk soru ile ba\u015flayal\u0131m.<\/p>\n
Asl\u0131nda bakarsan\u0131z bu soru, biraz da sizin ihtiya\u00e7lar\u0131n\u0131za ba\u011fl\u0131. Normal \u015fartlarda, sadece QML veya sadece C++ kullanarak da pekala bir \u00e7ok ihtiyac\u0131n\u0131z\u0131 ger\u00e7ekle\u015ftirebilecek uygulamalar geli\u015ftirebilirsiniz. Bana kal\u0131rsa bu birlikteli\u011fin, en \u00f6nemli iki avantaj\u0131, g\u00f6rsel k\u0131s\u0131mlar ile i\u015flem yo\u011fun k\u0131s\u0131mlar\u0131 birbirinden kolay bir \u015fekilde ay\u0131rmak ve hali haz\u0131rda mevcut kodlar\u0131n\u0131z\u0131 kullanabilmek derim. Tabi, C++ kullanabilmek de, benim gibi yaz\u0131l\u0131mperver dostlar i\u00e7in bir motivasyon olabilir. Bu hususlar\u0131 biraz daha anlamak ad\u0131na C++ m\u0131 QML mi sorular\u0131na, ayr\u0131 ayr\u0131 bakal\u0131m.<\/p>\n
E\u011fer uzun bir s\u00fcredir sayfam\u0131 takip ediyorsan\u0131z art\u0131k C++’\u0131 neden ve nerede kullanman\u0131z gerekti\u011fini biliyorsunuzdur diye umuyorum ama burada QML ve QT anlam\u0131nda tekrar bakacak ve hat\u0131rlayacak olursak. E\u011fer veri yo\u011fun ve performans kritik bir i\u015f yapacaksan\u0131z. C++ sizin i\u00e7in do\u011fru se\u00e7im olacakt\u0131r. QML ile kar\u015f\u0131la\u015ft\u0131racak olursak, C++ kodu, binary dosyalar olu\u015fturacak ve QML ve benzeri kodlara g\u00f6re daha tutarl\u0131 ve emniyetli bir se\u00e7enek olacakt\u0131r. Her ne kadar ben hen\u00fcz bu \u00f6zellikleri kullanmam\u0131\u015f olsam da, QT C++ k\u00fct\u00fcphaneleri baz\u0131 ileri seviye kullan\u0131mlarda QML’den daha fazla \u00f6zellik sunuyorlarm\u0131\u015f.<\/p>\n
Son olarak, QML, a\u00e7\u0131l\u0131\u015f zaman\u0131nda bir tak\u0131m haz\u0131rl\u0131klar ve i\u015fler yapt\u0131\u011f\u0131 i\u00e7in C++ uygulamas\u0131na g\u00f6re biraz daha yava\u015f olacakt\u0131r. Bu konu ile ilgili a\u015fa\u011f\u0131daki sayfada g\u00fczel bir kar\u015f\u0131la\u015ft\u0131rma ve analiz bulabilirsiniz. \u015eunu da ifade etmeliyim ki, ilgili yaz\u0131 Qt 5.8 i\u00e7in yaz\u0131lm\u0131\u015f, yani o zamandan bu yana performans anlam\u0131nda ilerleme oldu\u011funu muhakkak g\u00f6z \u00f6n\u00fcnde bulundurmal\u0131s\u0131n\u0131z.<\/p>\n
https:\/\/woboq.com\/blog\/qml-vs-cpp-for-application-startup-time.html<\/a><\/span><\/strong><\/p>\n \u015eimdi, di\u011fer soruya bakal\u0131m.<\/p>\n \u00d6zellikle, \u00e7oklu platform destekleyecek aray\u00fczlerin geli\u015ftirilmesi i\u00e7in QML kullan\u0131lmas\u0131n\u0131 tavsiye ediyoruz. Asl\u0131nda bu konuya a\u015fa\u011f\u0131daki yaz\u0131mda k\u0131saca de\u011finmi\u015ftim:<\/p>\n QT (B\u00c7OM Serisi \u2013 2)<\/a><\/span><\/strong><\/p>\n Burada bir ka\u00e7 \u00f6nemli hususun \u00fczerinden ge\u00e7ece\u011fiz. \u00d6ncelikle QML ve Javascript hem \u00f6\u011frenmesi kolay hem de aray\u00fcz geli\u015ftirmek, bu sayede hem zamandan hem geli\u015ftirilecek kod miktar\u0131 ciddi anlamda azalmakta. QML ile gelen \u00f6zelliklerin ba\u011flanmas\u0131, durum y\u00f6netimleri, sinyaller gibi bir \u00e7ok mekanizma da size bu anlamdan kolayl\u0131k sa\u011flayacaklar. Bir di\u011fer \u00f6nemli avantaj da, animasyonlar\u0131n \u00e7ok kolay bir \u015fekilde yap\u0131labilmesi ve bunlar\u0131n mevcut bile\u015fenler ile kolay bir \u015fekilde ili\u015fkilendirilebilmesi. G\u00f6rselle\u015ftirme performans anlam\u0131nda da QML’in avantaj\u0131 mevcut. Arka planda OpenGL ve C++ kullan\u0131lmas\u0131 sebebi ile mobil ayg\u0131tlarda sizi pek \u00fczmeyecektir.<\/p>\n Evet h\u0131zl\u0131ca C++ ve QML perspektifinden olaya bakt\u0131ktan sonra art\u0131k bu ikisini birlikte nas\u0131l kullanabilece\u011fimize g\u00f6z atal\u0131m.<\/p>\n Evet gelelim bu i\u015fi nas\u0131l yapaca\u011f\u0131m\u0131za. Bu ba\u015fl\u0131ktan itibaren, ad\u0131m ad\u0131m ve \u00f6rnek bir kod \u00fczerinden gidiyor olaca\u011f\u0131z. Burada geli\u015ftirdi\u011fimiz kodlara a\u015fa\u011f\u0131daki adresten de ula\u015fabilirsiniz:<\/p>\n https:\/\/github.com\/yazilimperver\/QmlCPlusPlusIntegration<\/a><\/strong><\/span><\/p>\n \u00d6ncelikle, QML uygulamalar\u0131, bir \u00e7al\u0131\u015fma zaman\u0131 ortam\u0131nda \u00e7al\u0131\u015ft\u0131r\u0131lmaktad\u0131r. Bu \u00e7al\u0131\u015fma zaman\u0131 da C++ kullan\u0131larak QtQml mod\u00fcl\u00fc i\u00e7erisinde geli\u015ftirilmi\u015ftir. Bu anlamda, ihtiya\u00e7 duyaca\u011f\u0131m\u0131z ilk \u015fey QML kodumuzu, bu \u00e7al\u0131\u015fma zaman\u0131 motoruna sa\u011flamak olacak. Bunun i\u00e7in de a\u015fa\u011f\u0131daki kodu kullanaca\u011f\u0131z:<\/p>\n QML, QT’in “Meta Object System”ini kulland\u0131\u011f\u0131 i\u00e7in, QML i\u00e7erisinde C++ kodunu \u00e7a\u011f\u0131rmak, olduk\u00e7a kolay. Bunu ger\u00e7ekle\u015ftirmek i\u00e7in \u00f6ncelikle:<\/p>\n Tabi ki i\u015fimiz burada bitmedi. Bilakis yeni ba\u015fl\u0131yoruz. \u015eimdi geldik, QML ve QT aras\u0131ndaki etkile\u015fimleri nas\u0131l ger\u00e7ekle\u015ftirebilece\u011fimize. Asl\u0131na bakarsan\u0131z, “Meta Object System” sayesinde normal QObject<\/em>‘ten t\u00fcretilmi\u015f C++ s\u0131n\u0131flar\u0131 ile benzer \u015fekilde kullanabilece\u011fiz. O zaman gelsin sorular. \u00d6ncelikle, verileri nas\u0131l payla\u015fabiliriz?<\/p>\n Qt bizler i\u00e7in temel, QT s\u0131n\u0131flar\u0131n\u0131 QML’e de sunmakta, yani QString<\/em> ve benzeri tipleri kullanmak i\u00e7in \u00f6zel bir \u015fey yapman\u0131za gerek yok. Tabi bunlar\u0131 ayn\u0131 isimler kullanamayabilirsiniz (temel tipler d\u0131\u015f\u0131nda). Bir fikir vermesi a\u00e7\u0131s\u0131ndan temel QT veri tiplerini buraya ekliyorum. Daha detayl\u0131 bilgi i\u00e7in https:\/\/doc.qt.io\/qt-5\/qtqml-cppintegration-data.html<\/a><\/span> <\/strong>sayfas\u0131na g\u00f6z atabilirsiniz.<\/p>\nNeden QML kullanmal\u0131y\u0131z?<\/span><\/strong><\/h2>\n
C++\/QML kullan\u0131m\u0131<\/span><\/strong><\/h2>\n
#include <QGuiApplication>\r\n#include <QQmlApplicationEngine>\r\n\r\nint main(int argc, char *argv[])\r\n{\r\n QCoreApplication::setAttribute(Qt::AA_EnableHighDpiScaling);\r\n QGuiApplication app(argc, argv);\r\n\r\n QQmlApplicationEngine engine;\r\n const QUrl url(QStringLiteral(\"qrc:\/main.qml\"));\r\n QObject::connect(&engine, &QQmlApplicationEngine::objectCreated,\r\n &app, [url](QObject *obj, const QUrl &objUrl) {\r\n if (!obj && url == objUrl)\r\n QCoreApplication::exit(-1);\r\n }, Qt::QueuedConnection);\r\n engine.load(url);\r\n\r\n return app.exec();\r\n}\r\n<\/pre>\n\n
\/\/ Our header file\r\n#pragma once\r\n#include <QObject>\r\n#include <QString>\r\n\r\nclass BackEndClass : public QObject {\r\n Q_OBJECT\r\npublic:\r\n explicit BackEndClass(QObject *parent = nullptr);\r\n};\r\n<\/pre>\n\n
#include <QGuiApplication>\r\n#include <QQmlApplicationEngine>\r\n\r\n#include \"BackEndClass.h\"\r\n\r\nint main(int argc, char *argv[])\r\n{\r\n QCoreApplication::setAttribute(Qt::AA_EnableHighDpiScaling);\r\n QGuiApplication app(argc, argv);\r\n\r\n \/\/ Sinifimizi kaydettirdigimiz yer\r\n qmlRegisterType<BackEndClass>(\"yazilimperver.examples.BackEndClass\", 1, 0, \"BackEndClass\");\r\n\r\n QQmlApplicationEngine engine;\r\n const QUrl url(QStringLiteral(\"qrc:\/main.qml\"));\r\n QObject::connect(&engine, &QQmlApplicationEngine::objectCreated,\r\n &app, [url](QObject *obj, const QUrl &objUrl) {\r\n if (!obj && url == objUrl)\r\n QCoreApplication::exit(-1);\r\n }, Qt::QueuedConnection);\r\n engine.load(url);\r\n\r\n return app.exec();\r\n}\r\n<\/pre>\n\n
import QtQuick 2.7\r\nimport QtQuick.Controls 2.0\r\nimport QtQuick.Layouts 1.0\r\nimport yazilimperver.examples.BackEndClass 1.0\r\n\r\nApplicationWindow\r\n{\r\n width: 640\r\n height: 480\r\n visible: true\r\n\r\n BackEndClass{\r\n id: myBackEndClass\r\n }\r\n\r\n ColumnLayout{\r\n spacing: 2\r\n anchors.fill: parent\r\n Rectangle {\r\n color: \"green\"\r\n Layout.fillWidth: true\r\n height: 40\r\n Text {\r\n text: \"QML\/C++ Integration Example\"\r\n verticalAlignment: Text.AlignVCenter\r\n horizontalAlignment: Text.AlignHCenter\r\n anchors.top: parent.top\r\n height: parent.height\r\n width:parent.width\r\n font.family: \"Helvetica\"\r\n font.pointSize: 16\r\n font.capitalization: Font.AllUppercase\r\n color: \"white\" }\r\n }\r\n Rectangle{\r\n color:\"blue\"\r\n Layout.fillHeight: true\r\n Layout.fillWidth: true\r\n }\r\n }\r\n}\r\n<\/pre>\nQML\/C++ veri payla\u015f\u0131m\u0131<\/strong><\/span><\/h2>\n