中心QML ListView突出显示的项目

2 回答

• 12

  你需要 highlightRangeMode 与 preferredHighlightBegin 和 preferredHighlightEnd . 从文档：

  滚动列表时，这些属性会影响当前项的位置 . 例如，如果当滚动视图时当前所选项目应保留在列表的中间，请将preferredHighlightBegin和preferredHighlightEnd值设置为中间项目所在位置的顶部和底部坐标 . 如果以编程方式更改currentItem，列表将自动滚动，以便当前项位于视图的中间 . 此外，无论是否存在突出显示，都将发生当前项索引的行为 .

  以下是水平 ListView 的完整示例，当前项目位于中心 .

  import QtQuick 2.4
  import QtQuick.Window 2.2
  
  Window {
      width: 300
      height: 150
      visible: true
  
      ListView {
          anchors.fill: parent
          spacing: 5
  
          model: 20
  
          delegate:
              Rectangle {
              width: 30
              color: ListView.view.currentIndex === index ? "red" : "steelblue"
  
              height: ListView.view.height
              Text {
                  anchors.centerIn: parent
                  text: index
                  font.pixelSize: 20
              }
          }
  
          orientation: Qt.Horizontal
          preferredHighlightBegin: 150 - 15
          preferredHighlightEnd: 150 + 15
          highlightRangeMode: ListView.StrictlyEnforceRange
      }
  }
  

  回复于 2024-04-26T10:22:24+08:00
• 0

  您可以查看ListView的positionViewAtIndex方法，看看是否有帮助 .

  回复于 2024-04-26T10:22:24+08:00