canvas-controller/MainForm.ui.qml

import QtQuick 2.5
import QtQuick.Controls 1.4
import QtQuick.Layouts 1.2

Item {
    id: item1
    width: 640
    height: 480
    property alias gridLayout1: gridLayout1
    property alias button4: button4
    property alias mouseArea1: mouseArea1
    property alias button2: button2
    property alias button3: button3
    property alias button1: button1

    GridLayout {
        id: gridLayout1
        y: 0
        height: 480
        anchors.leftMargin: 337
        transformOrigin: Item.Center
        anchors.verticalCenter: parent.verticalCenter
        anchors.top: parent.top
        anchors.right: parent.right
        anchors.left: parent.left
        rows: 1
        columns: 8
        columnSpacing: 5

        ColumnLayout {
            id: columnLayout1
            width: 100
            height: 100
            Layout.columnSpan: 3
            Layout.alignment: Qt.AlignRight | Qt.AlignVCenter
            Layout.maximumWidth: 5000

            Button {
                id: button2
                text: qsTr("Anterior")
                Layout.fillWidth: true
            }

            Button {
                id: button1
                text: qsTr("Siguiente")
                Layout.fillWidth: true
            }



            Button {
                id: button4
                x: 133
                y: 75
                text: qsTr("Limpiar")
                Layout.fillWidth: true
            }
            Button {
                id: button3
                text: qsTr("Break")
                Layout.rowSpan: 11
                Layout.alignment: Qt.AlignLeft | Qt.AlignBottom
                Layout.fillWidth: true
            }
        }
    }

    MouseArea {
        id: mouseArea1
        x: 0
        y: 0
        width: 320
        height: 250
    }

}