C++ Qt中是否有flexbox的类似物?
我创建了一个小部件,上面有用户可以选择的答案,我想这样放置它们: 更改窗口大小并查看框 有没有简单的方法来完成这样的布局工作 html:C++ Qt中是否有flexbox的类似物?,c++,css,qt,flexbox,C++,Css,Qt,Flexbox,我创建了一个小部件,上面有用户可以选择的答案,我想这样放置它们: 更改窗口大小并查看框 有没有简单的方法来完成这样的布局工作 html: 是的。我为布局引擎编写了一组绑定。使用FlexBox比标准的Qt快速布局工具容易得多。发布了一个源代码 看起来好像可以用QML的网格和他们的流属性。当你说“QT”是指小部件还是QML?@ MrEricSir,我是指小部件,因为我没有尝试过QML,但是如果在QML有Frasbox的模拟,我会考虑使用QML:使用QML,你可以尝试使用。您可以继续了解如何生成自定
是的。我为布局引擎编写了一组绑定。使用FlexBox比标准的Qt快速布局工具容易得多。发布了一个源代码
看起来好像可以用QML的网格和他们的<代码>流属性。
当你说“QT”是指小部件还是QML?@ MrEricSir,我是指小部件,因为我没有尝试过QML,但是如果在QML有Frasbox的模拟,我会考虑使用QML:使用QML,你可以尝试使用。您可以继续了解如何生成自定义QLayout
@m7913d,谢谢,这正是我需要的。你可以把它贴出来作为答案。仍然需要了解如何在中心对齐。
<div class="container">
<div class="box">
box1
</div>
<div class="box">
box2
</div>
...
</div>
.container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
align-items: center;
align-content: space-around;
background-color: aqua;
height: 500px;
}
.box {
background-color: green;
padding: 50px;
}
import QtQuick 2.5
import QtQuick.Window 2.0
Window {
visible: true
height: 400
width: 675
Rectangle {
anchors.fill: parent
color: "cyan"
Flex {
height: parent.height
width: parent.width
flexDirection: "row"
flexWrap: "wrap"
justifyContent: "spaceAround"
alignItems: "center"
alignSelf: "center"
alignContent: "stretch"
Rectangle { color: "green"; height: 150; width: 150 }
Rectangle { color: "green"; height: 150; width: 150 }
Rectangle { color: "green"; height: 150; width: 150 }
Rectangle { color: "green"; height: 150; width: 150 }
Rectangle { color: "green"; height: 150; width: 150 }
Rectangle { color: "green"; height: 150; width: 150 }
Rectangle { color: "green"; height: 150; width: 150 }
}
}
}