QT动画制作（二十五）

alltolove

效果：点击窗口中间那个方块后消失
知识点1：canvas里画贝塞尔曲线（如不知道原理可观看小甲鱼windows API编程里有介绍）
知识点2：学会使用Loader加载跟取消对象
我们今天把ManiForm.ui.qml这个文件删除，直接用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.     Component{
   
10.         id:rect
    
11.         Rectangle{
    
12.             width:100
    
13.             height: 100
    
14.             color:"green"
    
15.         Canvas{
    
16.             id:line
    
17.             width:parent.width
    
18.             height: parent.height
    
19.             onPaint: {
    
20.                 var ctx = getContext("2d")
    
21.                 ctx.lineWidth = 2
    
22.                 ctx.strokeStyle = "red"
    
23.                 ctx.bezierCurveTo(0,height-1,width-1,height/2,width/4,height/4)//后两个参数是位置坐标
    
24.                 ctx.stroke()
    
25.             }
    
26.         }
    
27. 
    
28.         }
    
29.     }
    
30.     Loader{
    
31.         id:ld
    
32.         anchors.centerIn: parent
    
33.         sourceComponent:rect
    
34.         MouseArea{
    
35.             anchors.fill: parent
    
36.             onClicked: {
    
37.                 ld.sourceComponent=null
    
38.             }
    
39.         }
    
40.     }
    
41. 
    
42. 
    
43. }
    

复制代码

Preview: 明天介绍Listview对象的使用