layout

MainForm.ui.qml

@@ -23,7 +23,7 @@ Item {
         anchors.top: parent.top
         anchors.right: parent.right
         anchors.left: parent.left
-        rows: 1
+        rows: 3
         columns: 8
         columnSpacing: 5
 
@@ -31,8 +31,9 @@ Item {
             id: columnLayout1
             width: 100
             height: 100
-            Layout.columnSpan: 3
-            Layout.alignment: Qt.AlignRight | Qt.AlignVCenter
+            Layout.fillHeight: true
+            Layout.columnSpan: 1
+            Layout.alignment: Qt.AlignRight | Qt.AlignTop
             Layout.maximumWidth: 5000
 
             Button {
@@ -56,14 +57,9 @@ Item {
                 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 {
@@ -74,4 +70,24 @@ Item {
         height: 250
     }
 
+    ColumnLayout {
+        id: columnLayout2
+        x: 337
+        y: 108
+        width: 100
+        height: 100
+        Layout.alignment: Qt.AlignLeft | Qt.AlignBottom
+
+        Button {
+            id: button3
+            text: qsTr("Break")
+            isDefault: false
+            checkable: false
+            Layout.fillHeight: false
+            Layout.rowSpan: 11
+            Layout.alignment: Qt.AlignLeft | Qt.AlignBottom
+            Layout.fillWidth: true
+        }
+    }
+
 }

main.qml

@@ -69,7 +69,7 @@ ApplicationWindow {
         Canvas {
             id: canvas
             width: parent.width
-            height: 250
+            height: parent.width*3/4
             antialiasing: true
 
             property color strokeStyle: Qt.darker(fillStyle, 1.2)