QT动画制作（六）

alltolove

效果：
知识点1：学会positioner（定位器）的使用
知识点2：repeater重复器的使用

今天做的东西虽然无聊但是学会了相当有用，也很简单，先创建QML项目，直接在MainForm.ui.qml文件下修改就行

1. import QtQuick 2.5
   
2. 
   
3. Rectangle {
   
4.     property alias mouseArea: mouseArea
   
5. 
   
6.     width: 660
   
7.     height: 660
   
8. 
   
9.     MouseArea {
   
10.         id: mouseArea
    
11.         anchors.fill: parent
    
12.     }
    
13. 
    
14.    Item{
    
15. 
    
16. 
    
17.        Row{//行布局
    
18.            x:65
    
19.            y:65
    
20.            spacing:5//相隔的距离
    
21.        Repeater{//重复器
    
22. 
    
23.            model:5//定义重复个数
    
24.        Rectangle{
    
25. 
    
26.            width:40
    
27.            height:40
    
28.            color:"green"
    
29.        }
    
30.     }
    
31.     }
    
32.        Column{//列布局
    
33.            x:85
    
34.            y:115
    
35.            spacing:5
    
36.        Repeater{
    
37. 
    
38.            model:5
    
39.        Rectangle{
    
40. 
    
41.            width:40
    
42.            height:40
    
43.            color:"green"
    
44.        }
    
45.     }
    
46. 
    
47.     }
    
48.        Flow{//流布局
    
49.            x:125
    
50.            y:125
    
51.            spacing:5
    
52.             Repeater{
    
53.             model:5
    
54.             Rectangle{
    
55.             width:40
    
56.             height:40
    
57.             color:"red"
    
58.             }
    
59.             }
    
60.        }
    
61.        Grid{//网格布局
    
62.            x:225
    
63.            y:225
    
64.            spacing:5
    
65.        Repeater{
    
66. 
    
67.            model:5
    
68.        Rectangle{
    
69. 
    
70.            width:40
    
71.            height:40
    
72.            color:"green"
    
73.        }
    
74.     }
    
75.     }
    
76. 
    
77.    }
    
78.    }
    
79. 
    

复制代码

不二如是

前排占楼～