在QML中,可以使用Row来实现子项的水平布局。当子项超出Row的宽度时,可以使用Layout.fillWidth属性来控制是否将剩余空间均匀分配给子项。
以下是一个示例代码:
import QtQuick 2.15
import QtQuick.Controls 2.15
Item {
width: 400
height: 200
Row {
spacing: 10
Rectangle {
width: 100
height: 50
color: "red"
}
Rectangle {
width: 150
height: 50
color: "green"
}
Rectangle {
width: 200
height: 50
color: "blue"
Layout.fillWidth: true
}
}
}
在这个示例中,使用了Row作为父项,并设置了spacing属性来控制子项之间的间距。前两个矩形的宽度固定,最后一个矩形设置了Layout.fillWidth为true,表示将剩余空间填满。
通过调整Row的宽度,你可以看到最后一个矩形会自动调整宽度以适应剩余空间。
内容由零声教学AI助手提供,问题来源于学员提问