如何做水平面包屑？行还是列表视图？答案

【问题标题】：How to do horizontal breadcrumb ? Row or ListView?如何做水平面包屑？行还是列表视图？
【发布时间】：2018-05-22 09:33:41
【问题描述】：

我想在 QML 中创建一个breadcrumb。

所以要有一个动态的 C++ 模型，显示为项目的水平列表。每个项目都有固定的大小，仅显示其内容（基本上是一个字符串）。
我需要在我的主背景（一个工作区域）的顶部显示所有项目（最大几乎是我的窗口宽度），除了项目之外，它都是透明的。

这种情况下最好的容器是什么？考虑到我不需要滚动。
行、行布局、列表视图？

【问题讨论】：

我会使用Flow 来做到这一点。如果您的物品在一行中可以容纳更多，这是有道理的。如果只有一行，可以使用Row 或RowLayout。
@folibis 你是对的，好主意。但在我的情况下，我确信我只会有一行，而且我不确定我们的 Qt 版本是否足够新 Flow。
在下面看到我的评论。
如果它太长，我个人更喜欢它可滚动，而不是多行并占用屏幕空间。带中继器的行非常好。

标签： qt qml

【解决方案1】：

这是我上面评论的代码。如果需要，Flow 可以替换为 Row。

Flow {
    spacing: 3
    width: parent.width
    Repeater {
        model: ["root", "item1","subitem1","one more items","subitem2","item3"]
        delegate: Label {
            padding: 10
            text: modelData
            background: Rectangle {
                color: "#DEDEDE"
            }
        }
    }        
}

【讨论】：