Qt Quick用于显示多列列表的组件

Question

我是QT Quick的新手，我正在将一本音乐书从网络应用移植到Qt Quick。用户可以单击字母“A”或“B”，然后屏幕底部将显示以“A”或“B”开头的所有歌曲。 （我的输入数据是JSON，但如果它使GUI更易于编码，我也可以将其更改为XML。）

例如，如果我用户单击“X”并且我要显示12首歌曲，我希望列显示歌曲名称

XXXXXXX     XYYYYY     XZZZZZ
XXXXXXX     XYYYYY     XZZZZZ
XXXXXXX     XYYYYY
XXXXXXX     XYYYYY
XXXXXXX     XYYYYY

这是网站上的行为。 我将使用QML库中的哪种控件进行此类布局？我查看了Row，Column，Flow和Grid，但认为它们不会提供确切的功能。流程将从左向右显示，然后换行到下一行。

感谢。

Answer 1

您可以根据文档http://doc.qt.io/qt-5/qml-qtquick-flow.html#flow-prop

在Flow上设置自上而下

  

flow：enumeration此属性保存布局的流程。

     

可能的值是：

     

Flow.LeftToRight（默认） - 项目位于每个项目的旁边   其他根据layoutDirection直到Flow的宽度为   超过，然后包裹到下一行。 Flow.TopToBottom - 项目是   从上到下彼此相邻，直到高度为止   超过流量，然后包裹到下一列。