QML的UI布局管理

1.Row元素会让子控件全都排列在同一行,相互不重叠,控件的间隔可以使用spacing进行控制

2.Colum元素会让子控件全都排列在同一列,相互不重叠,控件的间隔也是使用spacing进行控制

3.Grid元素会让子控件均匀排列在同一个网格里面,相互不重叠,Grid里面由rows和哈colums属性定义网格的行数和列数,控件是从左上角开始放的,也就是坐标(0,0),列数默认是4,spacing可以用来定义控件之间的间隔

关于anchors的使用:

1.一个控件的(上下左右)放置到其邻居或者父类控件的(上下左右)

如:

Rectangle { id: rect1; ... } 
Rectangle { id: rect2; anchors.left: rect1.right; anchors.top: rect1.bottom; ... }

想要获得更好的效果,可以使用多个anchors进行控制

2.定义多个水平的或者垂直的anchors时,两端的坐标点固定的时候中间的控件大小会相应改变

3.只允许对一个item的邻居或者父类进行anchor定义