BlinCT
April 6, 2017, 2:43 p.m.

Компановка обьектов внутри другого в QML

QML

Всем привет. Моя самая больная тема, это настройка QML обьектов) Задача такая, есть rectangle который должен принять высоту в зависимости от высоты детей которые вложены в него. Само собою внешний rectangle должен учитывать высоту уже внутреннего rectangle и кнопки что идет под ним.

Rectangle
{
            height: 140 * mm
            width: 130 * mm
            radius: 2 * mm
            x: (parent.width - width) / 2
            y: (parent.height - root.height) / 2

            color: "#FF4000"

            ColumnLayout
            {
                anchors.fill: parent
                anchors.margins: 2 * mm
                spacing: 2 * mm

                Rectangle
                {
                    id: rectangleMain
                    anchors.top: parent.top
                    anchors.left: parent.left
                    anchors.right: parent.right
                    color: "yellow"

                    Column
                    {
                        anchors.left: parent.left
                        anchors.right: parent.right
                        anchors.verticalCenter: parent.verticalCenter
                        spacing: 3 * mm

                        Rectangle
                        {
                            id: rectangle1
                            color: "#0174DF"

                            anchors.left: parent.left
                            anchors.right: parent.right
                            radius: 3 * mm
                            height: 20 * mm
                            Label
                            {
                                anchors.horizontalCenter: parent.horizontalCenter
                                text: _dialog.title
                                font.pixelSize: 5.1 * mm

                            }
                        }

                        Rectangle
                        {
                            id: rectangle2
                            color: "#0174DF"

                            anchors.left: parent.left
                            anchors.right: parent.right
                            radius: 3 * mm
                            height: 20 * mm

                            Label
                            {
                                anchors.left: parent.left
                                anchors.right: parent.right
                                anchors.fill: parent
                                text: _dialog.sender
                                textFormat: Text.StyledText
                                font.pixelSize: 4.7 * mm
                                wrapMode: Text.WordWrap
                                horizontalAlignment: Text.AlignHCenter

                            }
                        }

                        Rectangle
                        {
                            id: rectangle3
                            color: "#0174DF"

                            anchors.left: parent.left
                            anchors.right: parent.right
                            radius: 3 * mm
                            height: 20 * mm
                            Label
                            {
                                anchors.left: parent.left
                                anchors.right: parent.right
                                text: _dialog.name
                                textFormat: Text.StyledText
                                font.pixelSize: 4.7 * mm
                                wrapMode: Text.WordWrap
                                horizontalAlignment: Text.AlignHCenter

                            }
                        }

                        Rectangle
                        {
                            id: rectangle4
                            color: "#0174DF"

                            anchors.left: parent.left
                            anchors.right: parent.right
                            radius: 3 * mm
                            height: 30 * mm

                            Text
                            {
                                anchors.left: parent.left
                                anchors.right: parent.right
                                text: _dialog.description
                                textFormat: Text.StyledText
                                font.pixelSize: 4.4 * mm
                                width: _dialog.width
                                wrapMode: Text.WordWrap
                                horizontalAlignment: Text.AlignHCenter

                            }
                        }
                    }

                    Layout.fillHeight: true
                }

                RowLayout
                {
                    anchors.horizontalCenter: parent.horizontalCenter
                    spacing: 2 * mm
                    CButton {
                        text: "OK"
                        onClicked: {
                            _dialog.close()
                            _dialog.confirmed()
                        }
                        anchors.centerIn: parent
                        height: 20 * mm
                        width: 50 * mm
//                        Layout.fillWidth: true
                    }
                }
            }
        }
Заранее благодарю.
2
The question is asked by the articleQML - Lesson 013. Positioning with Anchors

Do you like it? Share on social networks!

1
BlinCT
  • April 6, 2017, 6:06 p.m.
  • The answer was marked as a solution.

Вопрос можно считать закрытым. Поигрался немного с

height: childrenRect.height 
И вроде работает)

    Comments

    Only authorized users can post comments.
    Please, Log in or Sign up
    • Last comments
    • AK
      April 1, 2025, 11:41 a.m.
      Добрый день. В данный момент работаю над проектом, где необходимо выводить звук из программы в определенное аудиоустройство (колонки, наушники, виртуальный кабель и т.д). Пишу на Qt5.12.12 поско…
    • Evgenii Legotckoi
      March 9, 2025, 9:02 p.m.
      К сожалению, я этого подсказать не могу, поскольку у меня нет необходимости в обходе блокировок и т.д. Поэтому я и не задавался решением этой проблемы. Ну выглядит так, что вам действитель…
    • VP
      March 9, 2025, 4:14 p.m.
      Здравствуйте! Я устанавливал Qt6 из исходников а также Qt Creator по отдельности. Все компоненты, связанные с разработкой для Android, установлены. Кроме одного... Когда пытаюсь скомпилиров…
    • ИМ
      Nov. 22, 2024, 9:51 p.m.
      Добрый вечер Евгений! Я сделал себе авторизацию аналогичную вашей, все работает, кроме возврата к предидущей странице. Редеректит всегда на главную, хотя в логах сервера вижу запросы на правильн…
    • Evgenii Legotckoi
      Oct. 31, 2024, 11:37 p.m.
      Добрый день. Да, можно. Либо через такие же плагины, либо с постобработкой через python библиотеку Beautiful Soup