qml踩坑系列——Scale 缩放中心

项目场景：

在做多任务视图的过程中，使用qml制作前端界面，有大量动效的存在

---

问题描述

在做拖拽缩略图四处移动的过程中，鼠标严重偏移，预览图不在鼠标的下面

---

原因分析：

qml组件Scale默认的缩放中心，为组件的中心，但是鼠标拖拽的时候，需要缩放中心为鼠标，故会出现偏移的问题；

---

解决方案：

通过转换缩放中心，将缩放中心的x,y设置为鼠标的位置，代码如下：

    ###这句话一定要加，transform类型允许您创建和控制高级转换，这些转换可以使用专用属性独立配置。
    transform : Scale{
        id : transformId
         ####通过设置transformId.origin.x 和transformId.origin.y更换缩放中心坐标
        transformId.origin.x = winowDragX
        transformId.origin.y = winowDragY
         ####甚至可以设置缩放比例等等
        scaleValue = 0.38
    }