Компоновка элементов в QML
вёрстка qml, qml, ColumnLayout, компоновка qml, Rectangle
Всем привет. Я хочу несколько элементов разместить вертикально. Например, ColumnLayout, ComboBox, ColumnLayout. Если, например, я их оберну каждый в прямоугольник, то как указать каждому из них, что они в расположении должны следовать один за другим?
И еще если это имеет значение, этот файл подгружается из другого места в коде через Loader.
import QtQuick 2.6 import QtQuick.Controls 1.4 import QtQuick.Layouts 1.1 Rectangle { id: menucontent1 color: "grey" height: 50 Rectangle { anchors.fill: top ColumnLayout { anchors.top: parent anchors.topMargin: 5 GroupBox { title: Check1 RowLayout { ExclusiveGroup { id: tabPositionGroup} RadioButton { text: qsTr("One Timer") checked: true exclusiveGroup: tabPositionGroup } RadioButton { text: qsTr("Two Timers") exclusiveGroup: tabPositionGroup } } } } } Rectangle { anchors.fill: top ComboBox { width: 60 model: ["1_language", "2_language", "3_language"] } } Rectangle { anchors.fill: top ColumnLayout { GroupBox { title: Check2 RowLayout { ExclusiveGroup { id: tabPositionGroup1} RadioButton { text: qsTr("Switch_1") checked: true exclusiveGroup: tabPositionGroup1 } RadioButton { text: qsTr("Switch_2") exclusiveGroup: tabPositionGroup1 } } } } } }
Do you like it? Share on social networks!
- Last comments
- AKApril 1, 2025, 11:41 a.m.Добрый день. В данный момент работаю над проектом, где необходимо выводить звук из программы в определенное аудиоустройство (колонки, наушники, виртуальный кабель и т.д). Пишу на Qt5.12.12 поско…
- VPMarch 9, 2025, 4:14 p.m.Здравствуйте! Я устанавливал Qt6 из исходников а также Qt Creator по отдельности. Все компоненты, связанные с разработкой для Android, установлены. Кроме одного... Когда пытаюсь скомпилиров…
- ИМNov. 22, 2024, 9:51 p.m.Добрый вечер Евгений! Я сделал себе авторизацию аналогичную вашей, все работает, кроме возврата к предидущей странице. Редеректит всегда на главную, хотя в логах сервера вижу запросы на правильн…
- Now discuss on the forum
- МАApril 1, 2025, 4:21 p.m.0ff763fe-4e50-455d-a3a6-5699c243b1a5_17_44_22_1.xml
- fFeb. 15, 2025, 1:46 p.m.Подскажите, пожалуйста! Как данный класс можно дополнить, чтобы созданные объекты можно было перемещать мышкой по сцене?
- Не запускается компьютер (точнее работает блок , но сам монитор вообще жесть)В общем я ничего с интернета не скачивала в последнее время. На компе никаких левых пр…
- Вопрос решен. Узнать QModelIndex элемента на который мы перетаскиваем другой элемент, можно с помощью функции indexAt(event->position().toPoint()) представления QTreeViev вызываемой в переопр…
Добрый день.
1) Рекомендую ознакомиться с правилами вёрстки и компоновки при разработке на QML. Чтобы разобраться с некоторыми моментами при работе с якорями (anchors), например, как правильно растянуть дочерний элемент по родительскому, или прибить дочерний элемент к верхней части родительского или сестринского, то есть соседнего элемента.
QML имеет json-подобную древовидную структуру. Дочерний элемент располагается внутри родительского. Сестринские элементы располагаются на одном уровне и имеют один и тот же родительский элемент (то есть parent).
2) ColumnLayout располагает элементы в колонку, один под одним. По умолчанию сверху вниз.
3) RowLayout располагается элементы слева направо.
4) Что касается кода, то можно сделать вот так.