Qml布局

行布局(水平布局)：

Row{
    spacing: 1 //间距

    Rectangle{
        color: "blue"
        width: 50
        height: 50
    }
    Rectangle{
        color: "orange"
        width: 50
        height: 50
    }
    Rectangle{
        color: "green"
        width: 50
        height: 50
    }

}

效果图：

列布局(垂直布局)：

Column{
    spacing: 1 //间距

    Rectangle{
        color: "blue"
        width: 50
        height: 50
    }
    Rectangle{
        color: "orange"
        width: 50
        height: 50
    }
    Rectangle{
        color: "green"
        width: 50
        height: 50
    }
}

效果图：

网格布局：

锚布局：

待补充...