ColumnLayout&RowLayout和Column与Row 布局 [复制链接]

ColumnLayout&RowLayout和Column与Row
这两对布局有什么差异呢？
而且为什么ColumnLayout实际效果是控制垂直方向布局的（行）。。
并且ColumnLayout或者RowLayout的spacing为何设置了不起作用。。
以上在5.3.1中

delegate:Component {//右侧tabItem
                            //行布局
                            ColumnLayout {
                                width:treeListView.width+5
                                spacing:5
                                //每一行中的列布局
                                RowLayout{
                                    height:parent.height
                                    Rectangle{
                                        id:leftRec
                                        height:35
                                        width:15
                                        color:"red"
                                    }
                                    Rectangle
                                    {
                                        anchors.left: leftRec.right
                                        height:35
                                        Layout.fillWidth: true
                                        color:"#d1cab5"
                                        Text {
                                            text: tab_name
                                        }
                                        MouseArea {
                                            id: mouse_area1
                                            z:1
                                            hoverEnabled: false
                                            anchors.fill: parent
                                            onClicked:
                                            {
                                                ListView.currentIndex = index
                                                console.log(index,treeListView.width)
                                            }
                                        }
                                    }
                                }




                            }
                    }

Row和Column是QtQuick 库提供的，RowLayout以及ColumnLayout是QtQuick.Layouts提供的。
顾名思义，含有Layout的表示一种布局方法，而Row和Column表示一种排列方法。

Column和ColumnLayout都是控制元素纵向排列的，不过Column是排列，layout是布局
column需要自己定义高，或者隐含高度， layout可以定义多种高度。包括最小，最大，合适，全覆盖这些