QML实现PinchArea和MouseArea实现图片缩放和平移功能同时具备

Posted 2021-07-20 smartvxworks

        Image {
            id: photoImage
            //fillMode: Image.Pad  //Image.Pad：原始图像不做处理
            source:  (typeof picture_Scan_D_Area.pictureList[picture_Scan_D_Area.pictureIndex] === \'undefined\') ? "" : picture_Scan_D_Area.pictureList[picture_Scan_D_Area.pictureIndex]  //pictureIndex = 0
            smooth: true
            mipmap: true
            antialiasing: true
            Component.onCompleted: {           //它的存在就是在页面完成加载的时候，同时进行的操作
                x = parent.width / 2 - width / 2     //width:1180
                y = parent.height / 2 - height / 2   //height:770
                photoImage.scale =  80 / 100         // 让图片显示80%大小
                console.log("picture_Scan_D_Area.pictureList:",picture_Scan_D_Area.pictureList.length)
            }

           // Drag.active: mouseArea.drag.active

            PinchArea {   //PinchArea 本身是一个不可见的 Item ，通常和一个可见的 Item 配合使用来处理捏拉手势，这里和