はどのように他の代表者

Question

これは、シアンの長方形は、単一のデリゲートされた状態でQMLのListViewコントロールであるとリストビューデリゲートの子をクリップしないように。私はそれらのサークルをホバリングして拡大したい。問題はそれが下の代議員によって切り取られているということです - それは完全に予想されますが、どのようにこの動作を克服できますか？

はここで例のコードです：

import QtQuick 2.7 
import QtQuick.Controls 1.4 

ApplicationWindow { 
    id: rootWindow 

    visible: true 
    width: 640 
    height: 480 
    color: "white" 

    ListView { 
     anchors.fill: parent 
     model: 15 
     spacing: 5 
     delegate: Rectangle { 
      width: parent.width 
      height: 30 
      color: "cyan" 
      border.width: 1 
      border.color: "black" 
      clip: false 

      Rectangle { 
       property real k: mouseArea.containsMouse ? 5 : 1 
       anchors.centerIn: parent 
       height: parent.height * 0.5 * k 
       width: height 
       radius: width/2 
       color: "yellow" 
       border.width: 1 
       border.color: "black" 

       MouseArea { 
        id: mouseArea 
        anchors.fill: parent 
        hoverEnabled: true 
       } 

       Behavior on k { PropertyAnimation { } } 
      } 

      // layer.enabled: true // why this clips childs ??? 
     } 
    } 
} 

追加質問：デリゲートのためlayer.enabledなぜそれが子供のクリップを開始しますか？このプロパティでクリッピングを削除する方法はすべてtrueに設定されていますか？

Answer 1

デリゲートがホバリングされたときに、z値を上げるだけで、ホバリングされたデリゲートが残りの部分の上にレンダリングされます。

import QtQuick 2.7 
import QtQuick.Controls 1.4 

ApplicationWindow { 
    id: rootWindow 

    visible: true 
    width: 640 
    height: 480 
    color: "white" 

    ListView { 
     anchors.fill: parent 
     model: 15 
     spacing: 5 
     delegate: Rectangle { 
      width: parent.width 
      height: 30 
      color: "cyan" 
      border.width: 1 
      border.color: "black" 
      clip: false 

//*********v see this line!    
      z: mouseArea.containsMouse ? 2 : 1 

      Rectangle { 
       property real k: mouseArea.containsMouse ? 5 : 1 
       anchors.centerIn: parent 
       height: parent.height * 0.5 * k 
       width: height 
       radius: width/2 
       color: "yellow" 
       border.width: 1 
       border.color: "black" 

       MouseArea { 
        id: mouseArea 
        anchors.fill: parent 
        hoverEnabled: true 
       } 

       Behavior on k { PropertyAnimation { } } 
      } 
     } 
    } 
}