How to do a "no break" QHBoxLayout

SGaist

Hi,

I think you'll be interested in the Flow Layout Example for the layouting you seek.

JonB

@SGaist
I have looked at that, and now looked at the QBoxLayoutmethods & docs. Now I don't know whether it implements what I assumed & need:

Docs:

QBoxLayout takes the space it gets (from its parent layout or from the parentWidget()), divides it up into a row of boxes, and makes each managed widget fill one box.

Your example:

The position of each item in the layout is then calculated by adding the items width and the line height to the initial x and y coordinates. This in turn lets us find out whether the next item will fit on the current line or if it must be moved down to the next.

I assumed it handled a horizontal flow where the items exceeded its width and it could auto-wrap to the "next line" down if they exceeded. Like an HTML DIV element does:

<div width="1000px">
XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  
</div>

would give

XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX

but

<div width="100px">
XXX  XXX  XXX  XXX  XXX  XXX  XXX  XXX  
</div>

would give

XXX  XXX  XXX
XXX  XXX  XXX
XXX  XXX

So it just flows elements as necessary. But the docs only shows a QHBoxLayout placing all its contents on one "line". I don't expect to have to use a grid and calculate it myself.

That is the first part of my question. Does a QHBoxLayout allow stuff to flow below (like "word wrap") or not, please? If not, is there a different layout/widget which behaves like a simple DIV, I would have thought this was an extremely common requirement for layout?

SGaist

No it's not. The desktop application world and the web world are radically different. Qt widgets predates the single page web concept.

As for QHBoxLayout, no, it won't automatically do wrapping as its goal is to handle horizontality hence my example suggestion.

JonB

@SGaist
Got it! Then I was certainly labouring under a misapprehension. I do understand about desktop vs web, though by Qt standards I am "surprised" there isn't a wrap-flow-layout. I now understand why you referred to me to example which has to calculate. I'll do a little Googling to see if others have asked about this, and refer to your sample code when I discover I have no alternative than to do it manually :) ... That didn't take long, same kind of questions on SO point to same flow layout example! Thanks for enlightening me.

JonB

@SGaist , or @ whoever
I need some help, please, with making the supplied Qt Flow Layout Example work correctly which I have been referred to, and so have re-opened this thread.

I have translated it to Python/PyQt successfully, that is not the issue.

The supplied example main.cpp adds only widgets to the layout, via QLayout::addWidget(). As per https://doc.qt.io/qt-5/qlayout.html#addWidget, that in turn calls the FlowLayout::addItem(QLayoutItem *item) override, with a QWidgetItem for item, which adds it to its internal QList<QLayoutItem *> itemList used in calculating. All this works fine.

I need to add little layouts (as it happens, QVBoxLayout, though I'd like it to work if I ever add QHBoxLayouts) to the FlowLayout. The base QLayout does not have addLayout() in the way it has addWidget(). Purely at a guess, I have made my code go:

layout = QVBoxLayout()
...
flowLayout.addChildLayout(layout)
flowLayout.addItem(layout)

This seems to work. I seem to need the addItem() to put it in FlowLayout::itemList. I thought I also needed addChildLayout() to actually add the layout onto the FlowLayout, but I can get rid of that line and it still seems to work/look the same.

So... what is the correct/required way to add a QLayout rather than a QWidget onto the FlowLayout? Do I just need to call FlowLayout::addItem() and that's it? I don't really get how that is working:

void FlowLayout::addItem(QLayoutItem *item)
{
    itemList.append(item);
}

Since all that does it appends to its internal list for calculating, I don't see how that is actually adding my sub-layout onto the FlowLayout...?

Yours, :confused:

Cobra91151

Hello!

How about using QGridLayout instead of QHBoxLayout, you can set the row, column and alignment of your widgets: https://doc.qt.io/qt-5/qgridlayout.html#addWidget-1

Also it should expand to your needs by setting setSizePolicy to your widgets: https://doc.qt.io/qt-5/qwidget.html#setSizePolicy-1

JonB

@Cobra91151
A grid layout doesn't do what a flow layout does. It won't flow things from line to line which is the whole point.

jsulm

@JonB said in How to do a "no break" QHBoxLayout:

what is the correct/required way to add a QLayout rather than a QWidget onto the FlowLayout

Can't you add a widget which in turn has a layout in it?

JonB

@jsulm
Firstly, this new FlowLayout is to be a slot-in replacement for existing QHBoxLayouts which use addLayout() in generic functions to add stuff onto them. Doing it by adding in a new widget may be an issue.

Secondly, https://doc.qt.io/qt-5/layout.html states:

You can nest layouts using addLayout() on a layout; the inner layout then becomes a child of the layout it is inserted into.

QBoxLayout, which derives from QLayout, has an addlayout(), but QLayout itself does not. There is QLayout::addItem(), which is what I am overriding/asking about. It takes a QLayoutItem, which includes a QLayout object, not just a QWidgetItem one, so I'm trying figure how to do that correctly.

If the answer is "I've looked at that Qt sample, and FlowLayout is only to be used to add widgets, not layouts", I will respect that. But since adding a sub-layout seems to be working, though I don't get how, I thought it would be easiest if I pursued that direction?

SGaist

Nothing wrong with adding a layout. See the implementation of QBoxLayout::insertLayout.

JonB

@SGaist Will do next week, thanks.

JonB

@SGaist's suggestion of the Flow Layout Example is the way to go for anyone wanting this kind of flow layout in Qt.