Различия

Показаны различия между двумя версиями страницы.

--- develop:qt:quick3 [2021/09/01 07:57]
admin
+++ develop:qt:quick3 [2021/09/04 10:55] (текущий)
admin
@@ Строка 806: / Строка 806: @@
 === Использование зарегистр объектов C++ в QML ===
 ----
-Как я понял, это передача в QML только конкретных свойств и методов, определенных директивами **Q_PROPERTY** и **Q_INVOKABLE** соответственно.\\
+Как я понял, это передача в QML только **конкретных свойств и методов**, определенных директивами **Q_PROPERTY** и **Q_INVOKABLE** соответственно.\\
 Прежде всего производим регистрацию нашего класса, функцией **qmlRegisterType<T>()**, в нее передается идентификатор модуля (похоже собственный), два параметра с номерами версии, и собсна имя самого класса.\\
 <details>
-<summary>:!: Пример: </summary>
+<summary>:!: Пример: Передача свойств, методов и сигналов класса в QML</summary>
 **Calculate.h**
 <code cpp-qt>
@@ Строка 906: / Строка 906: @@
     title: "Factorial Calc"; width: 250; height: 80;
     visible: true
-    Calculatoin
+    Calculation
     {
         id: calc
@@ Строка 975: / Строка 975: @@
 === Реализация визуальных элементов QML на C++ ===
 ----
+Все базовые **элементы QML** (такие как Rectangle или Text), **реализованы на C++** (QQuickRectangle, QQuickText), унаследованы они от **QQuickItem**, для собственной реализации нужно наследовать этот класс, но есть спец подготовленный для этого- **QQuickPaintedItem**, он уже унаследован.\\
 <details>
-<summary>:!: Пример: </summary>
+<summary>:!: Пример: Собственный элемент, эллипс</summary>
-<code QML>
+**Ellipse.h**
+<code cpp-qt>
+#ifndef ELLIPSE_H
+#define ELLIPSE_H
+#include <QQuickPaintedItem>
+class QPainter;
+class Ellipse: public QQuickPaintedItem
+{
+    Q_OBJECT
+private:
+    Q_PROPERTY(QColor color WRITE setColorValue
+                            READ colorValue)
+    QColor m_color;
+public:
+    Ellipse(QQuickItem *parent= nullptr);
+    // Отвечает рисование элемента, вызывается при обновлении
+    void paint(QPainter *ppainter);
+    QColor colorValue() const;
+    void setColorValue(const QColor&);
+};
+#endif // ELLIPSE_H
 </code>
-</details>
+**Ellipse.hpp**
+<code cpp-qt>
+#include "ellipse.h"
+#include <QPainter>
+Ellipse::Ellipse(QQuickItem *parent): QQuickPaintedItem(parent), m_color(Qt::black)
-=== Класс QQuickImageProvider ====
+{
-----
+}
+void Ellipse::paint(QPainter *ppainter)
+{
+    ppainter->setRenderHint(QPainter::Antialiasing, true);
+    ppainter->setBrush(QBrush(this->colorValue()));
+    ppainter->setPen(Qt::NoPen);
+    ppainter->drawEllipse(boundingRect());
+}
-<details>
+QColor Ellipse::colorValue() const
-<summary>:!: Пример: </summary>
+{
+    return this->m_color;
+}
+void Ellipse::setColorValue(const QColor &vCol)
+{
+    this->m_color= vCol;
+}
+</code>
+**main.hpp**
+<code cpp-qt>
+#include <QGuiApplication>
+#include <QQmlApplicationEngine>
+#include "ellipse.h"
+int main(int argc, char** argv)
+{
+    QGuiApplication app(argc, argv);
+    qmlRegisterType<Ellipse>("my.class.Ellipse", 1, 0, "Ellipse");
+    QQmlApplicationEngine engine;
+    engine.load(QUrl("qrc:/main.qml"));
+    return app.exec();
+}
+</code>
+**main.qml**
 <code QML>
+import QtQuick 2.8; import QtQuick.Controls 2.2
+import my.class.Ellipse 1.0
+ApplicationWindow
+{
+    title: "Paint Element"; width: 200; height: 100;
+    visible: true
+    Ellipse
+    {
+        anchors.fill: parent
+        color: "blue"
+    }
+}
 </code>
 </details>
+=== Класс QQuickImageProvider ====
+----
+Этот класс является неким объектом, который возвращает запрашиваемое изображение (QImage либо QPixmap), запрашивается оно из QML по имени файла (либо какой-нибудь условный идентификатор), зарегистрированный ImageProvider типа папка, а идентификатор имя файла.\\
+Т.к. ImageProvider возвращает (методом request) изображение в как таковом виде (тип данных image/pixmap), его можно всячески модифицировать перед отправкой, или даже вовсе создать в этом методе, либо организовать некую логику, на основании переданных данных например..\\
 <details>
-<summary>:!: Пример: </summary>
+<summary>:!: Пример: Яркость изображения</summary>
+**ImageProvider.h**
+<code cpp-qt>
+#ifndef IMAGEPROVIDER_H
+#define IMAGEPROVIDER_H
+#include <QQuickImageProvider>
+#include <QObject>
+#include <QImage>
+class ImageProvider: public QQuickImageProvider
+{
+private:
+    QImage brightness(const QImage &imgOrig, int n);
+public:
+    ImageProvider();
+    QImage requestImage(const QString&, QSize*, const QSize&);
+};
+#endif // IMAGEPROVIDER_H
+</code>
+**ImageProvider.hpp**
+<code cpp-qt>
+#include "imageprovider.h"
+ImageProvider::ImageProvider(): QQuickImageProvider(QQuickImageProvider::Image)
+{
+}
+QImage ImageProvider::brightness(const QImage &imgOrig, int n)
+{
+    QImage imgTemp= imgOrig;
+    qint32 nHeigt= imgTemp.height();
+    qint32 nWidth= imgTemp.width();
+    for(qint32 y= 0; y < nHeigt; ++y)
+    {
+        QRgb *tempLine= reinterpret_cast<QRgb*>(imgTemp.scanLine(y));
+        for(qint32 x= 0; x < nWidth; ++x)
+        {
+            int r= qRed(*tempLine) + n;
+            int g= qGreen(*tempLine) + n;
+            int b= qBlue(*tempLine) + n;
+            int a= qAlpha(*tempLine);
+            *tempLine++ = qRgba(r > 255 ? 255 : r < 0 ? 0:r,
+                                g > 255 ? 255 : g < 0 ? 0:g,
+                                b > 255 ? 255 : b < 0 ? 0:b,
+                                a);
+        }
+    }
+    return imgTemp;
+}
+QImage ImageProvider::requestImage(const QString &strId, QSize *ps, const QSize &requestedSize)
+{
+    QStringList lst= strId.split(";");
+    bool bOk= false;
+    int nBrightness= lst.last().toInt(&bOk);
+    QImage img= brightness(QImage(":/"+ lst.first()), nBrightness);
+    if(ps)
+        *ps= img.size();
+    return img;
+}
+</code>
+**main.hpp**
+<code cpp-qt>
+#include <QGuiApplication>
+#include <QQmlApplicationEngine>
+#include "imageprovider.h"
+int main(int argc, char** argv)
+{
+    QGuiApplication app(argc, argv);
+    QQmlApplicationEngine engine;
+    engine.addImageProvider(QLatin1String("brightness"), new ImageProvider);
+    engine.load(QUrl("qrc:/main.qml"));
+    return app.exec();
+}
+</code>
+**main.qml**
 <code QML>
+import QtQuick 2.8; import QtQuick.Controls 2.2
+ApplicationWindow
+{
+    title: "Brightness"; width: controls.width; height: controls.height;
+    visible: true
+    Column
+    {
+        id: controls
+        Image
+        {
+            id: img
+            source: "image://brightness/11.jpg;"+ sld.brightnessValue
+        }
+        Slider
+        {
+            id: sld
+            width: img.width
+            value: 0.75
+            stepSize: 0.01
+            property int brightnessValue: (value * 255 -127)
+        }
+        Text
+        {
+            width: img.width
+            text: "<h1>Brightness: "+ sld.brightnessValue+ "</h1>"
+        }
+    }
+}
 </code>
 </details>

zxcx

Инструменты пользователя

Инструменты сайта

Различия

Инструменты страницы