forked from harry159821/XiamiForLinuxProject
-
Notifications
You must be signed in to change notification settings - Fork 2
/
todayRecommendBottom.qml
185 lines (167 loc) · 6.37 KB
/
todayRecommendBottom.qml
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
import QtQuick 1.0
import Qt.labs.shaders 1.0
Rectangle {
id: root
//width:1000; height:200
//width: globalWidth; height:globalHeight
//property int globalWidth;
//property int globalHeight;
color: "transparent"
Rectangle {
width:30; height:root.height
color: "white"
z:5
MouseArea {
id:leftMouseArea
anchors.fill: parent
hoverEnabled: true
onPressed:{
listPathView.decrementCurrentIndex()
listPathView.decrementCurrentIndex()
listPathView.decrementCurrentIndex()
listPathView.decrementCurrentIndex()
leftButton.source="img/todayRecommend/arrow_left_down.tiff"
}
onEntered:leftButton.source="img/todayRecommend/arrow_left_hover.tiff"
onReleased:leftButton.source="img/todayRecommend/arrow_left_hover.tiff"
onExited:leftButton.source="img/todayRecommend/arrow_left_normal.tiff"
}
Image {
id:leftButton
width:25; height:25
anchors.centerIn: parent
source:"img/todayRecommend/arrow_left_normal.tiff"
smooth:true
}
}
Rectangle {
id:listRec
x:30;y:2
width:root.width-60; height:root.height
color: "transparent"
z:4
//列表模型
ListModel {
//ID
id:myModel
//成员
ListElement { picName: "pics/340126.jpg" ;collectName:"触动心灵" ;collectTime:"2014.08.17"}
ListElement { picName: "pics/381815.jpg" ;collectName:"你快乐所以我快乐" ;collectTime:"2014.08.17"}
ListElement { picName: "pics/485180.jpg" ;collectName:"韩国日本选集" ;collectTime:"2014.08.17"}
ListElement { picName: "pics/1861261471.jpg" ;collectName:"经典选集" ;collectTime:"2014.08.17"}
ListElement { picName: "pics/1669845108.jpg" ;collectName:"触动心灵" ;collectTime:"2014.08.17"}
ListElement { picName: "pics/2081821708.jpg" ;collectName:"你快乐所以我快乐" ;collectTime:"2014.08.17"}
ListElement { picName: "pics/507984.jpg" ;collectName:"韩国日本选集" ;collectTime:"2014.08.17"}
}
//Model的代表组件构成结构
//可以理解成Model的每个组件遵循的结构？
Component {
id:myDelegate
Item {
width:175; height:175
//可见性 绑定path？
visible: PathView.onPath
// Rectangle {
// id: mask
// anchors.centerIn: parent
// width: 170
// height: 170
// radius: 20
// clip: true
// Image {
// id:myImage
// anchors.fill: parent
// source: picName
// anchors.horizontalCenter: parent.horizontalCenter
// anchors.verticalCenter : parent.verticalCenter
// //平滑过度
// smooth:true
// z:0
// }
// }
Image {
id:myImage
width:170; height:170
source: picName
anchors.horizontalCenter: parent.horizontalCenter
anchors.verticalCenter : parent.verticalCenter
//平滑过度
smooth:true
z:0
}
Image {
id:album_mask
width:myImage.width+6; height:myImage.height+6
source: "img/todayRecommend/album_mask.png"
smooth:true
z:1
}
Text {
y:myImage.height+1
text:collectName
font.pointSize: 10
font.bold:true
font.family: "微软雅黑"
}
Text {
y:myImage.height+20
text:collectTime
font.pointSize: 8
}
transform: [
]
}
}
PathView {
id:listPathView
focus:true
model: myModel
delegate: myDelegate
anchors.fill: parent
//path上容纳的Item数量
pathItemCount: 5
//属性设置弹簧效果的衰减速率,默认值为 100
flickDeceleration: 400
path: myPath
//鼠标控制移动
Keys.onLeftPressed: decrementCurrentIndex()
Keys.onRightPressed: incrementCurrentIndex()
}
//图像行走的路线
Path {
id: myPath
//path的开始位置 及此刻的属性
startX:listRec.x-130; startY:root.height*4/10; //按比例
//PathLine{x:listRec.x-70; y:root.height*4/10}
//结束位置
PathLine{x:root.width+30; y:root.height*4/10}
}
}
Rectangle {
x:root.width-30
width:30; height:root.height
color: "transparent"
MouseArea {
id:rightMouseArea
anchors.fill: parent
hoverEnabled: true
onPressed:{
listPathView.incrementCurrentIndex()
listPathView.incrementCurrentIndex()
listPathView.incrementCurrentIndex()
listPathView.incrementCurrentIndex()
rightButton.source="img/todayRecommend/arrow_right_down.tiff"
}
onEntered:rightButton.source="img/todayRecommend/arrow_right_hover.tiff"
onReleased:rightButton.source="img/todayRecommend/arrow_right_hover.tiff"
onExited:rightButton.source="img/todayRecommend/arrow_right_normal.tiff"
}
Image {
id:rightButton
width:25; height:25
anchors.centerIn: parent
source:"img/todayRecommend/arrow_right_normal.tiff"
smooth:true
}
}
}