qml用listview实现一个简单的列表,列表的项的名称是水果名,鼠标左键点击列表的行高亮
时间: 2024-06-06 22:09:32 浏览: 155
好的,针对您的问题,这里给出一份示例代码,希望能够帮助您实现您的需求:
ListView {
model: ["apple", "banana", "orange", "cherry"]
delegate: Rectangle {
height: 30
width: parent.width
color: listView.currentIndex === index ? "lightblue" : "white"
border.color: "black"
border.width: 1
Text {
text: modelData
anchors.centerIn: parent
}
MouseArea {
anchors.fill: parent
onClicked: listView.currentIndex = index
}
}
}
以上代码中,我们使用了 ListView 来展示一个简单的水果列表,模型中包含了四个水果名称。我们的 delegate 中使用了 Rectangle 实现每一个列表项,并根据当前的 currentIndex 来确定是否高亮展示该项。MouseArea 用于处理鼠标点击事件,当点击列表项时,将当前列表项的索引赋值给 currentIndex,从而实现选中并高亮该项。
希望以上代码能够满足您的需求,如有疑问,请随时向我提问!
阅读全文