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
|
/*
* Copyright (C) 2013 Canonical Ltd
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License version 3 as
* published by the Free Software Foundation.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*
* Authored by: Michael Spencer <sonrisesoftware@gmail.com>
*/
import QtQuick 2.0
import QtGraphicalEffects 1.0
import Ubuntu.Components 0.1
Item {
id: delegate
height: units.gu(11)
width: units.gu(11)
property bool selected
property alias mouseOver: mouseArea.containsMouse
Rectangle {
anchors.centerIn: parent
// anchors.verticalCenterOffset: units.gu(0.5)
height: parent.height// + units.gu(1)
width: height
radius: units.gu(2)
smooth: true
antialiasing: true
opacity: selected ? 0.5 : 0
color: UbuntuColors.orange
Behavior on opacity {
UbuntuNumberAnimation {}
}
}
objectName: "folder" + index
property string fileName: model.fileName
property string filePath: fileView.path + '/' + fileName
property string text: fileName
property string subText: Qt.formatDateTime(model.modifiedDate, Qt.DefaultLocaleShortDate) + (!model.isDir ? ", " + fileSize : "")
property var icon: fileIcon(filePath, model.isDir)
Item {
anchors {
left: parent.left
right: parent.right
top: parent.top
bottom: label.top
topMargin: units.gu(0.5)
bottomMargin: units.gu(1)
leftMargin: units.gu(1)
rightMargin: units.gu(1)
}
Image {
id: image
anchors.centerIn: parent
width: units.gu(6)
height: width
source: delegate.icon
}
BrightnessContrast {
anchors.fill: image
brightness: 0.3
source: image
opacity: mouseOver ? 1 : 0
Behavior on opacity {
UbuntuNumberAnimation {}
}
}
}
property bool expand: mouseOver && label.implicitWidth >= label.width
z: expand ? 1 : 0
Rectangle {
anchors {
fill: label
margins: units.gu(-0.5)
leftMargin: units.gu(-1)
rightMargin: units.gu(-1)
}
color: "white"
radius: height/2
border.color: UbuntuColors.warmGrey
antialiasing: true
opacity: expand ? 1 : 0
Behavior on opacity {
UbuntuNumberAnimation {}
}
}
Label {
id: label
anchors {
horizontalCenter: parent.horizontalCenter
bottom: parent.bottom
bottomMargin: units.gu(0.75)
}
width: expand ? implicitWidth : (parent.width - units.gu(0.5))
Behavior on width {
UbuntuNumberAnimation {}
}
horizontalAlignment: Text.AlignHCenter
elide: Text.ElideMiddle
text: delegate.text
color: expand ? UbuntuColors.coolGrey : Theme.palette.selected.backgroundText
Behavior on color {
ColorAnimation { duration: 200 }
}
}
MouseArea {
id: mouseArea
anchors.fill: parent
hoverEnabled: true
acceptedButtons: (Qt.LeftButton | Qt.RightButton)
onClicked: {
if (mouse.button === Qt.RightButton)
pressAndHold(mouse)
else
itemClicked(model)
}
propagateComposedEvents: true
onPressAndHold: itemLongPress(delegate, model)
}
}
|