删除 QML ListView 中的间距

Question

鉴于此 QML：

ApplicationWindow {
   id: window
   width: 640
   height: 480
   visible: true
   color: "black"

   ListView {
      id: myView
      anchors.fill: parent

      model: [12, 12, 12, 12, 12, 12, 12, 12]
      delegate: ItemDelegate {
         width: parent.width

         contentItem: Rectangle {
            color: "blue"
         }
      }

      spacing: 0
   }
}

列表视图或单个行将在它们周围呈现间距：

我怎样才能去掉这个间距？我需要的是相对于 ApplicationWindow 的列表视图周围没有边框，并且列表视图行之间的间距为 1px。

Answer 1

您好像忘记提及委托项目的高度

ApplicationWindow  {
id: window
width: 640
height: 480
visible: true
color: "black"

ListView {
    id: myView
    anchors.fill: parent

    model: [12, 12, 12, 12, 12, 12, 12, 12]
    delegate: ItemDelegate {
        width: parent.width
        height: 20
        contentItem: Rectangle {
            anchors.fill: parent
            color: "blue"
        }
    }

    spacing: 1
}
}

Answer 2

我不确定您的ItemDelegate 有何意义，但根据您的描述，我认为您需要这样做：

ListView {
    id: myView
    
    anchors.fill: parent
    spacing: 1

    model: [12, 12, 12, 12, 12, 12, 12, 12]
    delegate: Rectangle {
            color: "blue"
            width: ListView.view.width
            height: modelData
    }
}