Добавить элементы фиксированного размера в макет сетки в правильной строке

Question

Я пытаюсь создать сетку макетов изображений вроде того, как это делают изображения Google.

Я хочу добавить изображения с фиксированным размером слева направо, сверху вниз, но у меня возникли проблемы при добавлении другого изображения в строку, чтобы он не соответствовал, а затем решил, что эти изображения должны быть помещены в новый ряд.

Кроме того, при изменении размера окна следует перемещать изображения в/из строк на основе того, сколько он может поместиться в.

Ive получил области прокрутки с макетом сетки в ней это хорошо, если я знаю, что может поместиться , но я не могу понять, как заставить его перемещать элементы, если говорить, что ширина окна сокращена, и сказать, что элемент нужно перемещать вниз по 1 строке, которая перемещает другие и т. д.

Answer 1

Предполагая, что вы используете QWidgets, я бы предложите использовать QListView, который делает макетирование бесплатно, если вы хотите больше контролировать, как элементы отображаются, используйте QItemDelegate. Для QListView режим просмотра должен быть установлен в QListView :: IconMode, так что у вас есть сетка элементов, а не список.

Но если вы используете QtQuick, все намного проще, делегаты GridView with Image будут делать то, что вы хотите очень быстро, и использовать мощность GPU для создания пользовательского интерфейса.