1

好的，这里是 QML，我想做的是，如果一个元素是当前项目，那么盒子会变大。

import QtQuick 2.0

Rectangle {
width: 300; height: 200; color: "white"

ListModel {
    id: nameModel
    ListElement { name: "Alice"; }
    ListElement { name: "Bob";  }
    ListElement { name: "Jane"; }
    ListElement { name: "Harry";  }
    ListElement { name: "Wendy";  }
}

Component {
    id: nameDelegate
    Item {
        id: delegateItem
        width: parent.width

在这里我试试这个：

states: [
            State {
                name: "current"
                when: ListView.isCurrentItem
                PropertyChanges { target: delegateItem; height: 44 }
            },
            State {
                name: "not"
                when: !ListView.isCurrentItem
                PropertyChanges { target: delegateItem; height: 26 }
            }]
        state: "not"

        Text {
            text: name
            font.pixelSize: parent.height - 4
            anchors.left: parent.left
            anchors.verticalCenter: parent.verticalCenter

在这里，我做了一些类似的事情来验证它是否有效，它确实有效：

            color: delegateItem.ListView.isCurrentItem ? "red" : "black"
        }
    }
}

ListView {
    id: listView
    anchors.fill: parent

    model: nameModel
    delegate: nameDelegate
    focus: true
    clip: true

    header: Rectangle {
        width: parent.width; height: 10;
        color: "#8080ff"
    }
    footer: Rectangle {
        width: parent.width; height: 10;
        color: "#8080ff"
    }
    highlight: Rectangle {
        width: parent.width; height: 10;
        color: "lightgray"
    }
}
}

现在我想知道出了什么问题，我知道会ListView.isCurrentItem发生变化，因为我看到选中的字母会变红。

看到字母变红，但盒子没有变大

编辑

jbh给我的答案很好。之后我改为ListView.isCurrentItem并且delegateItem.ListView.isCurrentItem它起作用了。这是因为您无法访问isCurrentItem 该州，但如果您访问delegateItem它确实可以。

4

1 回答 1

2

我认为您的问题与Attached properties的定义直接相关。

这里的附加属性ListView.isCurrentItem仅在您的委托组件中可用ListView。所以它不能在外面工作，在你的情况下，在 a 的定义中State

于 2013-09-18T12:01:22.027 回答