リスト項目をQMLのgridviewから前面に表示する方法は？

Question

グリッドビューを使用していくつかの曲をリストしているメディアプレーヤーシステムを作成しています。私たちのアプリケーションでは、リストから1曲をドラッグして指定した場所にドロップすることができます。これらのすべての機能が実装されています。しかし問題は、ドラッグしている間、アイテムがグリッドビュー内の他のアイテムの後ろにドラッグされていることです。 （すなわち、3曲をリストアップしている場合、最初の曲は他の2曲の後ろにあり、2曲目は3曲目の後ろで、最初の曲目の前にあります）。

ドラッグアンドドロップするときにグリッドアイテムを前面に持ってきようとしています。 これには解決策はありますか？

Answer 1

元のオブジェクトをドラッグする代わりに、専用のドラッグアイコンアイテムを作成し、グリッドのすべての要素の上にグリッドビューの上にある目に見えないアイテムを親にすることができます。ドラッグ開始時にアイテムを作成し、ドラッグ終了時にアイテムを破棄します。

Answer 2

@derMで述べたように、GridItemのzインデックスで作業することができます。

注：あなたの質問に関係する部分は、onPressedイベントのコードがGridItem内にあるMouseAreaというコードです。

Rectangle{ 
    width: 1280 
    height: 800 

    GridView{ 
     Rectangle{ anchors.fill: parent; color: 'blue'; opacity: 0.2; } 
     id: musicBox 
     width: 500; height: 500 
     model: 10 
     anchors.centerIn: parent 

     delegate: Rectangle{ 
      id: songItem 
      border{ width: 2; color: 'blue'} 
      width: 100; height: 100 
      color: (musicBox.currentIndex == index) ? 'yellow' : 'red' 

      Text{ 
       anchors.centerIn: parent 
       text: index 
       font.pixelSize: 20 
      } 

      MouseArea{ 
       anchors.fill: songItem 
       drag{ 
        minimumX: 0 
        minimumY: 0 
        maximumX: musicBox.width 
        maximumY: musicBox.height 
        axis: Drag.XandYAxis 
        target: songItem 
       } 
       onPressed:{ 
        for(var i = 0; i < musicBox.count; i++){ musicBox.currentIndex = i; musicBox.currentItem.z = i; } 
        musicBox.currentIndex = index 
        musicBox.currentItem.z = musicBox.count 
       } 
      } 
     } 
    } 
}