孙子打破中继器

Question

为什么会这样：（有效 = 每个委托文本出现在前一个的下方）

    Column {
        Repeater {
            model: ['test1', 'test2', 'test3']
            delegate: Text {
                text: modelData
            }
        }
    }

但这会破坏布局，因为每个文本都出现在彼此之上：

    Column {
        Repeater {
            model: ['test1', 'test2', 'test3']
            delegate: Item {
                Text {
                    text: modelData
                }
            }
        }
    }

如果我创建一个单独的组件，也会发生同样的事情：

MyTextItem.qml

import QtQuick 2.5

Item {
    property string myText: ''
    Text {
       text: myText
    }
}

然后：

    Column {
        Repeater {
            model: ['test1', 'test2', 'test3']
            delegate: MyTextItem {
                myText: modelData
            }
        }
    }

Answer 1

问题很简单：列基于委托的 topItem 的几何形状，在您的初始情况下，Text 具有基于内容的implicitWidth 和implicitHeight，但 Item 的几何形状为 0x0，导致它们重叠。解决方案是为 Item 建立适当的几何图形，例如它采用与 Text 相同的大小：

Column {
    Repeater {
        model: ['test1', 'test2', 'test3']
        delegate: Item{
            implicitWidth: txt.implicitWidth
            implicitHeight: txt.implicitHeight
            Text {
                id: txt
                text: modelData
            }
        }
    }
}