qml画两个长方形左右布局左边为3/1右边为3/2
时间: 2024-01-08 16:02:03 浏览: 104
qml界面布局的小demo
您可以使用 Qt Quick 中的 Rectangle 组件来绘制长方形。在这个问题中,您需要在左右两个矩形中设置不同的宽高比例。以下是代码示例:
```
import QtQuick 2.0
Item {
width: 400
height: 200
Rectangle {
id: leftRect
width: parent.width * 0.6
height: parent.height
color: "red"
}
Rectangle {
id: rightRect
width: parent.width * 0.4
height: parent.height * 0.67
x: leftRect.width
color: "blue"
}
}
```
在这个示例中,我们创建了一个父级 Item,宽度为 400,高度为 200。我们使用两个 Rectangle 组件来绘制左右两个矩形。
左边的矩形使用了 width: parent.width * 0.6 和 height: parent.height 来设置宽高比例为 3:1,颜色为红色。
右边的矩形使用了 width: parent.width * 0.4 和 height: parent.height * 0.67 来设置宽高比例为 3:2,x: leftRect.width 来使其靠右侧排列,颜色为蓝色。
您可以根据自己的需求调整宽高比例和颜色。
阅读全文