qml鼠标拖动事件,拖动到对应位置给目标换色

Item {
    id:container
    objectName: "rootRect";
    width: 800;
    height: 500;

    property variant arry: ["red","#00ff00","yellow","black","#f046f0"]

    property variant temp: [0,0]
    Row{
        spacing: 10
        Repeater{
            id:rep
            model: arry.length
            Rectangle{
                color:arry[index]
                width: 30
                height: width
                Drag.active: dragArea.drag.active
                Drag.hotSpot.x: 10
                Drag.hotSpot.y:10
                Drag.source: rep.itemAt(index)
                MouseArea{
                    id:dragArea
                    anchors.fill: parent
                    drag.target: parent
                    acceptedButtons: Qt.LeftButton|Qt.RightButton

                    onPressed: {
                        if(mouse.button===Qt.LeftButton)
                        {
                            temp[0]=rep.itemAt(index).x;
                            temp[1]=rep.itemAt(index).y;
                        }
                    }

                    onReleased: {
                        if(mouse.button===Qt.LeftButton)
                        {
                            rep.itemAt(index).x=temp[0];
                            rep.itemAt(index).y= temp[1];
                        }
                    }
                }
            }
        }
    }

    DropArea{
        x:375
        y:275
        width: 50
        height: 50
        Rectangle{
            id:area;anchors.fill: parent
            border.color: "black"
        }
        onEntered: area.color=drag.source.color
    }

}

 

转载于:https://my.oschina.net/urlove/blog/3082827