How to resize QML widget embedded in QWidget?

Question

How can i resize automatically QML widget?

I have QWidget created by hand. In this widget created QML component.

But when i resize QWidget, QML component doesn't resize.

Some code...

I have MyCustomQWidget class

Header:

Class MyCustomQWidget : public QWidget
{
Q_OBJECT
public:
    QDeclarativeView* view;
private:
        QWidget* m_GUI;
public:
    QWidget* getGUI()  {return m_GUI;};
}

Source:

MyCustomQWidget:: MyCustomQWidget (QWidget *parent) :QWidget(parent)
{
    m_GUI = new QWidget();

    view = new QDeclarativeView(m_GUI);
    view->setSource(QUrl("qrc:/qml/gui.qml"));
    //view->setResizeMode(QDeclarativeView::SizeRootObjectToView);
}

In main gui frame widget

QWidget* pCustomGUI = new MyCustomQWidget(…)
pVLayoutLeft->addWidget(pCustomGUI->getGUI);

Steffen · Accepted Answer · 2011-03-14 10:34:23Z

6

There is not much detail in the question, but if you are using a QDeclarativeView to show the QML, have a look at its setResizeMode() member. Setting this to QDeclarativeView::SizeRootObjectToView might just do what you are looking for: it resizes QML's root object automatically to the size of the view.

answered Mar 14, 2011 at 10:34

Steffen

2,95820 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

HammerSpb Over a year ago

I'm using QDeclarativeContext *ctxt (

Steffen Over a year ago

But that does not render the QML then, does it? Where do you encounter the problem with the resizing? (Best would be some short example code added to your question.)

Steffen Over a year ago

Hmm, I don't quite see, why you have the MyCustomQWidget, which creates a new QWidget, but that at least seems to lack some connection between m_gui and the QDeclarativeView. You should do something with layouts to handle the resize operation. As soon as the view is correctly resized, view->setResizeMode(QDeclarativeView::SizeRootObjectToView) should resize the root object of the QML context. (btw that last line has getGUI instead of getGUI() but I guess it's just a typo)

HammerSpb Over a year ago

Steffen thanks for idea about "lack connection". Just remove QWidget* m_GUI and return directly view in getGUI() function. Thanks!

Lincoln Ramsay · Accepted Answer · 2011-06-13 02:59:49Z

When you put a Qt widget inside another Qt widget, you must manually resize it or use a layout to do this automatically.

It is somewhat traditional to create a widget with no explicit parent and let the layout assign the parent when you add the widget.

I'm not really sure why you have 3 layers of widgets here but assuming you can't just sub-class QDeclarativeView for your custom widget, you might end up with something like this:

Class MyCustomQWidget : public QWidget
{
Q_OBJECT
private:
    QDeclarativeView* view;
}

and

MyCustomQWidget:: MyCustomQWidget (QWidget *parent)
    : QWidget(parent)
{
    QHBoxLayout *box = new QHBoxLayout(this);

    view = new QDeclarativeView;
    view->setSource(QUrl("qrc:/qml/gui.qml"));
    //view->setResizeMode(QDeclarativeView::SizeRootObjectToView);

    box->addWidget(view);
}

mmoment · Accepted Answer · 2011-04-27 11:39:53Z

0

FocusScope
{
     anchors.fill: parent


     [... some qml]
}

This fits the FocusScope to the size of the parent object, in this case the QDeclarativeView.

answered Apr 27, 2011 at 11:39

mmoment

1,28914 silver badges30 bronze badges

Collectives™ on Stack Overflow

How to resize QML widget embedded in QWidget?

3 Answers 3

4 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related