BlinCT
BlinCTApril 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
                    }
                }
            }
        }
Заранее благодарю.
We recommend hosting TIMEWEB
We recommend hosting TIMEWEB
Stable hosting, on which the social network EVILEG is located. For projects on Django we recommend VDS hosting.

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
    Ua

    Qt - Test 001. Signals and slots

    • Result:84points,
    • Rating points4
    Ua

    Qt - Test 001. Signals and slots

    • Result:42points,
    • Rating points-8
    ОК

    Qt - Test 001. Signals and slots

    • Result:47points,
    • Rating points-6
    Last comments
    ИМ
    Игорь МаксимовNov. 22, 2024, 9:51 p.m.
    Django - Tutorial 017. Customize the login page to Django Добрый вечер Евгений! Я сделал себе авторизацию аналогичную вашей, все работает, кроме возврата к предидущей странице. Редеректит всегда на главную, хотя в логах сервера вижу запросы на правильн…
    Evgenii Legotckoi
    Evgenii LegotckoiOct. 31, 2024, 11:37 p.m.
    Django - Lesson 064. How to write a Python Markdown extension Добрый день. Да, можно. Либо через такие же плагины, либо с постобработкой через python библиотеку Beautiful Soup
    A
    ALO1ZEOct. 19, 2024, 5:19 p.m.
    Fb3 file reader on Qt Creator Подскажите как это запустить? Я не шарю в программировании и кодинге. Скачал и установаил Qt, но куча ошибок выдается и не запустить. А очень надо fb3 переконвертировать в html
    ИМ
    Игорь МаксимовOct. 5, 2024, 4:51 p.m.
    Django - Lesson 064. How to write a Python Markdown extension Приветствую Евгений! У меня вопрос. Можно ли вставлять свои классы в разметку редактора markdown? Допустим имея стандартную разметку: <ul> <li></li> <li></l…
    d
    dblas5July 5, 2024, 8:02 p.m.
    QML - Lesson 016. SQLite database and the working with it in QML Qt Здравствуйте, возникает такая проблема (я новичок): ApplicationWindow неизвестный элемент. (М300) для TextField и Button аналогично. Могу предположить, что из-за более новой верси…
    Now discuss on the forum
    f
    firstlunoxodFeb. 15, 2025, 1:46 p.m.
    Рисование на QGraphicsScene при зажатой кнопке мыши Подскажите, пожалуйста! Как данный класс можно дополнить, чтобы созданные объекты можно было перемещать мышкой по сцене?
    Дмитрий
    ДмитрийFeb. 3, 2025, 4:24 p.m.
    Создание deb-пакета. Как создать ярлык на рабочем столе после установки собственного deb-пакета? Всем привет. Сделал свой deb-пакет с программой. Всё устанавливается и работает. Ставлю по пути /usr/bin/my_application. Как для пользователя при установке пакета сразу создать ярлык на раб…
    NW
    Nayo WaiJan. 30, 2025, 7:22 p.m.
    не запускается компьютер!!! Не запускается компьютер (точнее работает блок , но сам монитор вообще жесть)В общем я ничего с интернета не скачивала в последнее время. На компе никаких левых пр…
    n
    nklyJan. 3, 2025, 12:52 p.m.
    Нужно запретить перемещение только некоторых итемов, остальные перемещать можно. Вопрос решен. Узнать QModelIndex элемента на который мы перетаскиваем другой элемент, можно с помощью функции indexAt(event->position().toPoint()) представления QTreeViev вызываемой в переопр…
    M
    MarselAug. 17, 2023, 12:26 a.m.
    OAuth2.0 через VK, получение email Спасибо большое за помощь и простите за то что отнял время своей невнимательностью.

    Follow us in social networks