QT动画制作（七）

alltolove

效果：

知识点1：插入图片
知识点2：鼠标拖动事件
建个项目然后在根目录选择添加现有文件，把图片加入后，选中图片点击鼠标右键，选copy url...这个选项，把图片路径粘贴到代码里



直接在MainForm.ui.qml下修改

1. import QtQuick 2.5
   
2. 
   
3. Rectangle {
   
4. 
   
5.     anchors.centerIn: parent
   
6.       id: container
   
7.         width:640
   
8.         height: 480
   
9.     Image{
   
10.         x:280
    
11.         y:380
    
12.         id:rect
    
13.         width:100
    
14.         height:100
    
15.         source:"qrc:/C:/Users/xinwei/Pictures/a.png"//这就是选择粘贴的路径
    
16.         MouseArea {
    
17.             anchors.fill: parent
    
18.             drag.target: rect//设定移动的物体id
    
19.             drag.axis: Drag.XAndYAxis//设定移动方向为上下左右
    
20. 
    
21.             drag.minimumX: 0
    
22.             drag.maximumX: container.width-rect.width//横向
    
23.             drag.minimumY: 0
    
24.             drag.maximumY: container.height-rect.height//设定最大竖向移动距离
    
25.         }
    
26. 
    
27.    }
    
28. }
    

复制代码

然后修改main.qml为

1. import QtQuick 2.5
   
2. import QtQuick.Window 2.2
   
3. 
   
4. Window {
   
5.     visible: true
   
6.     width: 640
   
7.     height: 480
   
8.     title: qsTr("Hello World")
   
9. 
   
10.     MainForm {
    
11.         anchors.fill: parent
    
12. 
    
13.     }
    
14. }

复制代码

注意：如果用anchors定位图片，图片是不能被拖动的

不二如是

可爱

给你个咱鱼C的logo