Hello, I also had this question so i asked directly via Qt support. I got this response:

> Thank you for you response. So, ColorOverlayEffect from import > QtQuick.Studio.Effects 1.0 is not equivalent to this? I didnt have this > problem while using that effect Yeah, different effect: fragColor = vec4(mix(pixelColor.rgb/max(pixelColor.a, 0.00390625), color.rgb/max(color.a, 0.00390625), color.a) * pixelColor.a, pixelColor.a) * qt_Opacity; Compared to this for colorization: color.rgb = (color.rgb - 0.5 * color.a) * (1.0 + contrast) + 0.5 * color.a; color.rgb += brightness * color.a; float gray = dot(color.rgb, vec3(0.299, 0.587, 0.114)); float colorizationAlpha = colorization * colorizationColor.a; color.rgb = mix(color.rgb, gray * colorizationColor.rgb, colorizationAlpha); color.rgb = mix(vec3(gray), color.rgb, 1.0 + saturation);

So i only see 2 solutions:

Convert all your svgs to fill white Rollback to use ColorOverlayEffect

@mzimmers @christofer @ekkescorner

@sanjay13 said in qml editable table creation:

TableViewColumn

This is part of the deprecated Qt Quick Controls 1 library. On the other hand you are using the more modern TableView from Qt Quick Controls 2. You can't mix them this way and the advice would be to avoid using the old, deprecated library altogether.

@Ivelin it is simple.When you customize a quick control, you have to hadle the change of color, size and other things yourself.I think you have to read the documentation about customizing quick controls https://doc.qt.io/qt-6/qtquickcontrols-customize.html

@Ronel_qtmaster
I did check this out previously, but then the team demands a pure qml view of the project, hence I have not planned to use QWidget in the program.

The only problem with the code that I am facing is regarding the stroke style of the lines. It gives the user the ability to draw solid lines as soon as you launch the application. However if you shift to either of the two remaining stroke style and then shift back to solid stroke style, then you are not able to draw solid lines anymore.

@jeremy_k Thanks for your answer and reply.

I already see those bug reports and many more.

is there any way or solution for it ?
i searched lot's of things about it but i didn't get the correct, proper and general solution.

with use of this code

PluginParameter { name: "osm.mapping.custom.host" value: "https://tile.openstreetmap.org/" }

it is working but i can't use different tiles.

@JonB perhaps I misunderstood this line:

The process of creating a new style begins by creating a new subdirectory for the style in a QML import path under the URL-based directory structure QtQuick/VirtualKeyboard/Styles/.

@Ronel_qtmaster the link you provided is helpful, though some of the information in the earlier posts seems to be out of date (for example, the pathname for the style files no longer contains a "content" folder).

Also, there appears to be multiple locations mentioned for the style files:

C:\Qt\6.5.3\mingw_64\qml\QtQuick\VirtualKeyboard\Styles\Builtin C:\Qt\6.5.3\Src\qtvirtualkeyboard\src\styles\builtin

I think the first one might be out of date, though I'm not sure about this.

you must define struct above and outside the class definition as follows

struct OurFiles{
Q_GADGET

public:
QString name;
QString dateChanged;
QString size;

Q_PROPERTY(QString name MEMBER name) Q_PROPERTY(QString dateChanged MEMBER dateChanged) Q_PROPERTY(QString size MEMBER size)

};

Q_DECLARE_METATYPE(OurFiles)

class Test : public QObject {
Q_OBJECT
// your code
}
and you must add Q_OBJECT macro to your class.

@ZeroZero Thanks for your response below is my code refactored for QT6 . I have set q->setGraphicsApi(QSGRendererInterface::OpenGL); here previously .

Was getting the below error.

error:
QQuickWindow: No render target (neither swapchain nor custom target was provided)

Moving that to main as you mentioned still get the same error with some additional .

int main(int argc, char *argv[])
{
{
QQuickWindow::setGraphicsApi(QSGRendererInterface::OpenGL);
QCoreApplication app(argc, argv);
....
........................................................................................
Error:
Framebuffer incomplete: 0x8cd6
Failed to build texture render target for QQuickRenderTarget
QQuickWindow: No render target (neither swapchain nor custom target was provided)

Refactored Code for QT6 that I am struggling to make it work

#include "fboquickwindow.h" #include <QOffscreenSurface> #include <QOpenGLContext> #include <QOpenGLFramebufferObject> #include <QOpenGLFunctions> #include <QQuickRenderControl> #include <QTimer> #include <QQuickRenderTarget> class FboQuickWindowPrivate : public QObject { Q_OBJECT Q_DECLARE_PUBLIC(FboQuickWindow) Q_DISABLE_COPY(FboQuickWindowPrivate) public: FboQuickWindowPrivate(FboQuickWindow *q_ptr); ~FboQuickWindowPrivate(); static FboQuickWindowPrivate *create(FboQuickWindowPrivate *&d_ptr, FboQuickWindow *q_ptr); public slots: void sceneGraphInitialized(); void sceneGraphInvalidated(); void renderRequested(); void sceneChanged(); public: void render(); public: QOpenGLContext *context; QOffscreenSurface *offscreenSurface; QQuickRenderControl *renderControl; QOpenGLFramebufferObject *fbo; bool needsPolishAndSync; QTimer updateTimer; FboQuickWindow * const q_ptr; }; FboQuickWindowPrivate::FboQuickWindowPrivate(FboQuickWindow *q_ptr) : fbo(0), needsPolishAndSync(false), q_ptr(q_ptr) { updateTimer.setSingleShot(true); updateTimer.setInterval(5); connect(&updateTimer, &QTimer::timeout, this, &FboQuickWindowPrivate::render); renderControl = new QQuickRenderControl; connect(renderControl, &QQuickRenderControl::renderRequested, this, &FboQuickWindowPrivate::renderRequested); connect(renderControl, &QQuickRenderControl::sceneChanged, this, &FboQuickWindowPrivate::sceneChanged); QSurfaceFormat format; format.setDepthBufferSize(16); format.setStencilBufferSize(8); context = new QOpenGLContext; context->setFormat(format); context->create(); offscreenSurface = new QOffscreenSurface; offscreenSurface->setFormat(context->format()); offscreenSurface->create(); } FboQuickWindowPrivate::~FboQuickWindowPrivate() { context->makeCurrent(offscreenSurface); delete renderControl; context->doneCurrent(); delete offscreenSurface; delete context; } FboQuickWindowPrivate *FboQuickWindowPrivate::create(FboQuickWindowPrivate *&d_ptr, FboQuickWindow *q_ptr) { return (d_ptr = new FboQuickWindowPrivate(q_ptr)); } void FboQuickWindowPrivate::sceneGraphInitialized() { Q_Q(FboQuickWindow); Q_ASSERT(context); Q_ASSERT(!fbo); fbo = new QOpenGLFramebufferObject(QSize(1, 1).expandedTo(q->size()), QOpenGLFramebufferObject::CombinedDepthStencil); QQuickRenderTarget rt = QQuickRenderTarget::fromOpenGLRenderBuffer(fbo->handle(), fbo->size() ,1); q->setGraphicsApi(QSGRendererInterface::OpenGL); q->setRenderTarget(rt); } void FboQuickWindowPrivate::sceneGraphInvalidated() { delete fbo; fbo = 0; } void FboQuickWindowPrivate::renderRequested() { if (!updateTimer.isActive()) updateTimer.start(); } void FboQuickWindowPrivate::sceneChanged() { needsPolishAndSync = true; if (!updateTimer.isActive()) updateTimer.start(); } void FboQuickWindowPrivate::render() { Q_Q(FboQuickWindow); if (!context->makeCurrent(offscreenSurface)) return; // if (needsPolishAndSync) { // renderControl->polishItems(); // renderControl->beginFrame(); // renderControl->sync(); // renderControl->endFrame(); // needsPolishAndSync = false; // } q->beginExternalCommands(); // Begin external OpenGL commands renderControl->beginFrame(); renderControl->sync(); renderControl->render(); renderControl->endFrame(); q->endExternalCommands(); // End external OpenGL commands // q->resetOpenGLState(); //QOpenGLFramebufferObject::bindDefault(); //context->functions()->glFlush(); emit q->sceneRendered(); } FboQuickWindow::FboQuickWindow() : QQuickWindow(FboQuickWindowPrivate::create(d_ptr, this)->renderControl) { Q_D(FboQuickWindow); connect(this, &QQuickWindow::sceneGraphInitialized, d, &FboQuickWindowPrivate::sceneGraphInitialized); connect(this, &QQuickWindow::sceneGraphInvalidated, d, &FboQuickWindowPrivate::sceneGraphInvalidated); d->context->makeCurrent(d->offscreenSurface); d->renderControl->initialize(); // if (!d->renderControl->initialize()) // qWarning("Failed to initialize redirected Qt Quick rendering"); d->context->doneCurrent(); } FboQuickWindow::~FboQuickWindow() { delete d_ptr; } QImage FboQuickWindow::grab() const { Q_D(const FboQuickWindow); return d->renderControl->window()->grabWindow(); } void FboQuickWindow::resize(const QSize &newSize) { QResizeEvent event(size(), newSize); setGeometry(0, 0, newSize.width(), newSize.height()); resizeEvent(&event); } void FboQuickWindow::resize(int w, int h) { resize(QSize(w, h)); } void FboQuickWindow::resizeEvent(QResizeEvent *event) { Q_D(FboQuickWindow); QQuickWindow::resizeEvent(event); Q_ASSERT(d->context); if (d->context->makeCurrent(d->offscreenSurface)) { d->sceneGraphInvalidated(); d->sceneGraphInitialized(); d->context->doneCurrent(); } } #include "fboquickwindow.moc"

And here is the original code that works with QT5

#include "fboquickwindow.h" #include <QOffscreenSurface> #include <QOpenGLContext> #include <QOpenGLFramebufferObject> #include <QOpenGLFunctions> #include <QQuickRenderControl> #include <QTimer> class FboQuickWindowPrivate : public QObject { Q_OBJECT Q_DECLARE_PUBLIC(FboQuickWindow) Q_DISABLE_COPY(FboQuickWindowPrivate) public: FboQuickWindowPrivate(FboQuickWindow *q_ptr); ~FboQuickWindowPrivate(); static FboQuickWindowPrivate *create(FboQuickWindowPrivate *&d_ptr, FboQuickWindow *q_ptr); public slots: void sceneGraphInitialized(); void sceneGraphInvalidated(); void renderRequested(); void sceneChanged(); public: void render(); public: QOpenGLContext *context; QOffscreenSurface *offscreenSurface; QQuickRenderControl *renderControl; QOpenGLFramebufferObject *fbo; bool needsPolishAndSync; QTimer updateTimer; FboQuickWindow * const q_ptr; }; FboQuickWindowPrivate::FboQuickWindowPrivate(FboQuickWindow *q_ptr) : fbo(0), needsPolishAndSync(false), q_ptr(q_ptr) { updateTimer.setSingleShot(true); updateTimer.setInterval(5); connect(&updateTimer, &QTimer::timeout, this, &FboQuickWindowPrivate::render); renderControl = new QQuickRenderControl; connect(renderControl, &QQuickRenderControl::renderRequested, this, &FboQuickWindowPrivate::renderRequested); connect(renderControl, &QQuickRenderControl::sceneChanged, this, &FboQuickWindowPrivate::sceneChanged); QSurfaceFormat format; format.setDepthBufferSize(16); format.setStencilBufferSize(8); context = new QOpenGLContext; context->setFormat(format); context->create(); offscreenSurface = new QOffscreenSurface; offscreenSurface->setFormat(context->format()); offscreenSurface->create(); } FboQuickWindowPrivate::~FboQuickWindowPrivate() { context->makeCurrent(offscreenSurface); delete renderControl; context->doneCurrent(); delete offscreenSurface; delete context; } FboQuickWindowPrivate *FboQuickWindowPrivate::create(FboQuickWindowPrivate *&d_ptr, FboQuickWindow *q_ptr) { return (d_ptr = new FboQuickWindowPrivate(q_ptr)); } void FboQuickWindowPrivate::sceneGraphInitialized() { Q_Q(FboQuickWindow); Q_ASSERT(context); Q_ASSERT(!fbo); fbo = new QOpenGLFramebufferObject(QSize(1, 1).expandedTo(q->size()), QOpenGLFramebufferObject::CombinedDepthStencil); q->setRenderTarget(fbo); } void FboQuickWindowPrivate::sceneGraphInvalidated() { delete fbo; fbo = 0; } void FboQuickWindowPrivate::renderRequested() { if (!updateTimer.isActive()) updateTimer.start(); } void FboQuickWindowPrivate::sceneChanged() { needsPolishAndSync = true; if (!updateTimer.isActive()) updateTimer.start(); } void FboQuickWindowPrivate::render() { Q_Q(FboQuickWindow); if (!context->makeCurrent(offscreenSurface)) return; if (needsPolishAndSync) { renderControl->polishItems(); renderControl->sync(); needsPolishAndSync = false; } renderControl->render(); q->resetOpenGLState(); QOpenGLFramebufferObject::bindDefault(); context->functions()->glFlush(); emit q->sceneRendered(); } FboQuickWindow::FboQuickWindow() : QQuickWindow(FboQuickWindowPrivate::create(d_ptr, this)->renderControl) { Q_D(FboQuickWindow); connect(this, &QQuickWindow::sceneGraphInitialized, d, &FboQuickWindowPrivate::sceneGraphInitialized); connect(this, &QQuickWindow::sceneGraphInvalidated, d, &FboQuickWindowPrivate::sceneGraphInvalidated); d->context->makeCurrent(d->offscreenSurface); d->renderControl->initialize(d->context); d->context->doneCurrent(); } FboQuickWindow::~FboQuickWindow() { delete d_ptr; } QImage FboQuickWindow::grab() const { Q_D(const FboQuickWindow); return d->renderControl->grab(); } void FboQuickWindow::resize(const QSize &newSize) { QResizeEvent event(size(), newSize); setGeometry(0, 0, newSize.width(), newSize.height()); resizeEvent(&event); } void FboQuickWindow::resize(int w, int h) { resize(QSize(w, h)); } void FboQuickWindow::resizeEvent(QResizeEvent *event) { Q_D(FboQuickWindow); QQuickWindow::resizeEvent(event); Q_ASSERT(d->context); if (d->context->makeCurrent(d->offscreenSurface)) { d->sceneGraphInvalidated(); d->sceneGraphInitialized(); d->context->doneCurrent(); } } #include "fboquickwindow.moc"

Any thoughts or inputs is very helpful, many thanks.

This appears to be a ListView.header.

As for why the code above doesn't work, the ListView is the parent referred to by the Image and Text anchors. The intended target appears to be the ListView's contentItem. Even with that change, it likely won't work with the view's placement of delegates in the same area.

@Vijaykarthikeyan Hi.I think it might be related to the transparent color.Also, when you customize a control, make sure to define the width/implicitwidth and height/implecitheight .You can find more details in the documentation

@KH-219Design I found your great details of using MVVM with Qt/QML! I agree with it completely (https://forum.qt.io/topic/127714/qt-qml-c-hybrid-application-best-practices/10) Can you please help me in the dilemma I present in this thread?

What if we have a ViewModel that we define in C++, but that view model and other view models want to share a data object that is a singleton. How would you pass that singleton. I instantiate my view models that were defined in C++ within my QML deep within the QML tree. I see that you don't have this problem because you send the view models to QML using context properties. Please read the comments before this to understand what I am saying.

I would really appreciate this as I am shocked that I still haven't found an elegant way around this :)

QQmlPropertyMap seems to be the best option. its a half-solution.

it has a limitation in that
https://doc.qt.io/qt-5/qqmlpropertymap.html#details

To detect value changes made in the UI layer you can connect to the valueChanged() signal. However, note that valueChanged() is NOT emitted when changes are made by calling insert() or clear() - it is only emitted when a value is updated from QML.

I was able to make setting a value trigger a signal to directly trigger qml updates with

class MyQmlPropertyMap : public QQmlPropertyMap { public: MyQmlPropertyMap(); void setValue(QString key, QVariant val) { insert(key, val); auto meta=this->metaObject(); auto propIdx=meta->indexOfProperty(key.toUtf8()); if (propIdx == -1) { return; } auto sigIdx=meta->property(propIdx).notifySignalIndex(); QMetaObject::activate(this, sigIdx, nullptr); } };

@manga Hi,

AFAIK, QStorageInfo is for mounted volumes which is not what you have currently.

You might want to consider KDE's Solid framework.

@ian28 the way you are doing it is how one would implement a new QML component in C++ that would tend to be purely used in QML - i.e. you wouldn't normally interact with it from the C++ side once it is created.

If you wanted to continue with that sort of approach, it might be better to create the timer in QML and have that update the path of your Image.

However a better fit might be to expose your "model" via a "singleton instance" (see qmlRegisterSingletonInstance). This is the more modern approach that is advised rather than using the older setContextProperty, but you will probably find more information out there about using setContextProperty. It's not massively different in principle and it might be easier for you to use the older approach in order to get started.