Jak co zrobić żeby dwa elementy do siebei przylegał? QML

Question

Witam mam uczę się jak używać layoutów w QML i mam taki problem, chce żeby te dwa prostokąty do siebie przylegały w taki sposób aby jeden był bezpośrednio pod drugim i żeby nie było między nimi tej białej przerwy. Próbowałem ustawiać marginesy na 0, usawtiłem  Layout.alignment: Qt.AlignTop dla obu elementów i to nic nie daje. Co mam dodać żeby to działało?

 

import QtQuick 2.15
import QtQuick.Window 2.15
import QtQuick.Layouts
import QtQuick.Controls

Window {
    width: 640
    height: 480
    visible: true
    title: qsTr("Hello World")

    ColumnLayout{
        anchors.fill: parent

        Rectangle{
            border.color: "red"
            border.width: 4
            Layout.fillWidth: true
            implicitHeight: 40
            Layout.alignment: Qt.AlignTop
        }

        Rectangle{
            border.color: "green"
            border.width: 4
            Layout.fillWidth: true
            implicitHeight: 40
            Layout.alignment: Qt.AlignTop
        }
    }
}

 

Comments

ustawiłem spacing na 0 i to nic nie pomogło

Answer 1

Poczytaj sobie https://doc.qt.io/qt-6/qtquicklayouts-overview.html
Potem zmień spacing elementu ColumnLayout  na zero.