15. QML控件拖拽并实现自动吸附功能

效果展示：

效果1：自动吸附，但被拖拽控件无法重复使用

拖拽吸附不可重复

实现步骤：

1. 第一步：

简单布局，在左侧矩形区域中添加一个小的矩形框，是需要被拖拽的控件，重点是要对这个将要拖拽的小矩形控件设置两种状态属性 state , 第一种控制其第一次被拖动时的状态变化，第二种是控制后面再次被拖动时的状态变化，对应部分代码如下：

states:[
    State{
   
        name: "firstIn"

        ParentChange{
   	//用于更改控件的父元素