水平列表視圖顯示在其邊界

Question

我創建一個矩形來包裝水平列表視圖，但它顯示在其邊界上。像下圖所示的問題： 在此圖像中，listview顯示當前顯示項目的infront和下方的項目。如何只顯示當前的項目，當用戶滑動列表視圖時，項目更改一個項目？

我的源代碼在這裏：

ApplicationWindow { 
visible: true 
width: 900 
height: 480 
title: qsTr("Hello World") 

Rectangle{ 
    id: bound 
    anchors.fill: parent 
    color: "blue" 
} 

Rectangle{ 
    id: listview 
    width: 300 
    height: 300 
    anchors.centerIn: parent 
    color: "red" 
    ListView{ 
     id:lst 
     width: 250 
     height: 250 
     orientation: ListView.Horizontal 
     snapMode: ListView.SnapOneItem 
     //preferredHighlightBegin: 0 
     //preferredHighlightEnd: 200 
     highlightRangeMode: ListView.StrictlyEnforceRange 
     boundsBehavior: Flickable.StopAtBounds 
     highlightFollowsCurrentItem: true 
     keyNavigationWraps: true 
     interactive: true 
     model: 10 
     delegate: Rectangle{ 
      id: dele 
      width: 250 
      height: 250 
      anchors.centerIn: listview 
      color: Qt.rgba(Math.random(),Math.random(),Math.random(),1) 
     } 
    } 
} 

}

Answer 1

ListView不clip默認。在需要時可以設置clip: true。更多詳情：http://doc.qt.io/qt-5/qtquick-performance.html#clipping