Changeset View
Changeset View
Standalone View
Standalone View
src/HeaderBar.qml
Show First 20 Lines • Show All 60 Lines • ▼ Show 20 Line(s) | 54 | Image { | |||
---|---|---|---|---|---|
61 | anchors.fill: parent | 61 | anchors.fill: parent | ||
62 | fillMode: Image.PreserveAspectCrop | 62 | fillMode: Image.PreserveAspectCrop | ||
63 | 63 | | |||
64 | sourceSize.width: parent.width | 64 | sourceSize.width: parent.width | ||
65 | 65 | | |||
66 | opacity: 1 | 66 | opacity: 1 | ||
67 | 67 | | |||
68 | layer.enabled: true | 68 | layer.enabled: true | ||
69 | layer.effect: Desaturate { | 69 | layer.effect: HueSaturation { | ||
70 | cached: true | 70 | cached: true | ||
71 | 71 | | |||
72 | desaturation: -0.2 | 72 | lightness: -0.5 | ||
73 | 73 | saturation: 0.9 | |||
74 | layer.enabled: true | | |||
75 | layer.effect: BrightnessContrast { | | |||
76 | cached: true | | |||
77 | | ||||
78 | brightness: -0.2 | | |||
79 | contrast: -0.1 | | |||
80 | 74 | | |||
81 | layer.enabled: true | 75 | layer.enabled: true | ||
82 | layer.effect: GaussianBlur { | 76 | layer.effect: GaussianBlur { | ||
83 | cached: true | 77 | cached: true | ||
84 | 78 | | |||
85 | radius: 32 | 79 | radius: 256 | ||
86 | deviation: 12 | 80 | deviation: 12 | ||
87 | samples: 65 | 81 | samples: 129 | ||
88 | 82 | | |||
89 | transparentBorder: false | 83 | transparentBorder: false | ||
90 | } | 84 | } | ||
91 | } | 85 | } | ||
92 | } | 86 | } | ||
93 | } | | |||
94 | 87 | | |||
95 | Image { | 88 | Image { | ||
96 | id: newBackground | 89 | id: newBackground | ||
97 | 90 | | |||
98 | source: (newImage ? newImage : Qt.resolvedUrl('background.jpg')) | 91 | source: (newImage ? newImage : Qt.resolvedUrl('background.jpg')) | ||
99 | 92 | | |||
100 | asynchronous: true | 93 | asynchronous: true | ||
101 | 94 | | |||
102 | anchors.fill: parent | 95 | anchors.fill: parent | ||
103 | fillMode: Image.PreserveAspectCrop | 96 | fillMode: Image.PreserveAspectCrop | ||
104 | 97 | | |||
105 | sourceSize.width: parent.width | 98 | sourceSize.width: parent.width | ||
106 | 99 | | |||
107 | visible: false | 100 | visible: false | ||
108 | opacity: 0 | 101 | opacity: 0 | ||
109 | 102 | | |||
110 | layer.enabled: true | 103 | layer.enabled: true | ||
111 | layer.effect: Desaturate { | 104 | layer.effect: HueSaturation { | ||
112 | cached: true | | |||
113 | | ||||
114 | desaturation: -0.2 | | |||
115 | | ||||
116 | layer.enabled: true | | |||
117 | layer.effect: BrightnessContrast { | | |||
118 | cached: true | 105 | cached: true | ||
119 | 106 | | |||
120 | brightness: -0.2 | 107 | lightness: -0.5 | ||
121 | contrast: -0.1 | 108 | saturation: 0.9 | ||
122 | 109 | | |||
123 | layer.enabled: true | 110 | layer.enabled: true | ||
124 | layer.effect: GaussianBlur { | 111 | layer.effect: GaussianBlur { | ||
125 | cached: true | 112 | cached: true | ||
126 | 113 | | |||
127 | radius: 32 | 114 | radius: 256 | ||
128 | deviation: 12 | 115 | deviation: 12 | ||
129 | samples: 65 | 116 | samples: 129 | ||
130 | 117 | | |||
131 | transparentBorder: false | 118 | transparentBorder: false | ||
132 | } | 119 | } | ||
133 | } | 120 | } | ||
134 | } | 121 | } | ||
135 | } | 122 | } | ||
136 | } | | |||
137 | 123 | | |||
138 | MediaPlayerControl { | 124 | MediaPlayerControl { | ||
139 | id: playControlItem | 125 | id: playControlItem | ||
140 | 126 | | |||
141 | focus: true | 127 | focus: true | ||
142 | 128 | | |||
143 | anchors.left: background.left | 129 | anchors.left: background.left | ||
144 | anchors.right: background.right | 130 | anchors.right: background.right | ||
▲ Show 20 Lines • Show All 59 Lines • ▼ Show 20 Line(s) | 183 | Image { | |||
204 | source: (oldImage ? oldImage : Qt.resolvedUrl(elisaTheme.albumCover)) | 190 | source: (oldImage ? oldImage : Qt.resolvedUrl(elisaTheme.albumCover)) | ||
205 | 191 | | |||
206 | sourceSize { | 192 | sourceSize { | ||
207 | width: contentZone.height * 0.9 | 193 | width: contentZone.height * 0.9 | ||
208 | height: contentZone.height * 0.9 | 194 | height: contentZone.height * 0.9 | ||
209 | } | 195 | } | ||
210 | 196 | | |||
211 | fillMode: Image.PreserveAspectFit | 197 | fillMode: Image.PreserveAspectFit | ||
212 | | ||||
213 | layer.enabled: true | | |||
214 | layer.effect: DropShadow { | | |||
215 | horizontalOffset: elisaTheme.shadowOffset | | |||
216 | verticalOffset: elisaTheme.shadowOffset | | |||
217 | | ||||
218 | radius: 5.0 | | |||
219 | samples: 11 | | |||
220 | | ||||
221 | color: myPalette.shadow | | |||
222 | } | | |||
223 | } | 198 | } | ||
224 | 199 | | |||
225 | Image { | 200 | Image { | ||
226 | id: newMainIcon | 201 | id: newMainIcon | ||
227 | 202 | | |||
228 | anchors.fill: parent | 203 | anchors.fill: parent | ||
229 | 204 | | |||
230 | asynchronous: true | 205 | asynchronous: true | ||
231 | 206 | | |||
232 | source: (newImage ? newImage : Qt.resolvedUrl(elisaTheme.albumCover)) | 207 | source: (newImage ? newImage : Qt.resolvedUrl(elisaTheme.albumCover)) | ||
233 | 208 | | |||
234 | visible: false | 209 | visible: false | ||
235 | opacity: 0 | 210 | opacity: 0 | ||
236 | 211 | | |||
237 | sourceSize { | 212 | sourceSize { | ||
238 | width: contentZone.height * 0.9 | 213 | width: contentZone.height * 0.9 | ||
239 | height: contentZone.height * 0.9 | 214 | height: contentZone.height * 0.9 | ||
240 | } | 215 | } | ||
241 | 216 | | |||
242 | fillMode: Image.PreserveAspectFit | 217 | fillMode: Image.PreserveAspectFit | ||
243 | | ||||
244 | layer.enabled: true | | |||
245 | layer.effect: DropShadow { | | |||
246 | horizontalOffset: elisaTheme.shadowOffset | | |||
247 | verticalOffset: elisaTheme.shadowOffset | | |||
248 | | ||||
249 | radius: 5.0 | | |||
250 | samples: 11 | | |||
251 | | ||||
252 | color: myPalette.shadow | | |||
253 | } | | |||
254 | } | 218 | } | ||
255 | } | 219 | } | ||
256 | 220 | | |||
257 | ColumnLayout { | 221 | ColumnLayout { | ||
258 | spacing: 0 | 222 | spacing: 0 | ||
259 | 223 | | |||
260 | Layout.alignment: Qt.AlignTop | Qt.AlignHCenter | 224 | Layout.alignment: Qt.AlignTop | Qt.AlignHCenter | ||
261 | Layout.leftMargin: !LayoutMirroring.enabled ? elisaTheme.layoutHorizontalMargin : 0 | 225 | Layout.leftMargin: !LayoutMirroring.enabled ? elisaTheme.layoutHorizontalMargin : 0 | ||
Show All 13 Lines | |||||
275 | 239 | | |||
276 | LabelWithToolTip { | 240 | LabelWithToolTip { | ||
277 | id: mainLabel | 241 | id: mainLabel | ||
278 | text: title | 242 | text: title | ||
279 | Layout.fillWidth: true | 243 | Layout.fillWidth: true | ||
280 | Layout.alignment: Qt.AlignLeft | 244 | Layout.alignment: Qt.AlignLeft | ||
281 | elide: Text.ElideRight | 245 | elide: Text.ElideRight | ||
282 | color: myPalette.highlightedText | 246 | color: myPalette.highlightedText | ||
283 | font.pixelSize: elisaTheme.defaultFontPixelSize * 2 | 247 | font.pixelSize: elisaTheme.defaultFontPixelSize * 2.5 | ||
284 | font.bold: true | 248 | font.bold: true | ||
285 | 249 | | |||
286 | layer.effect: Glow { | 250 | Layout.bottomMargin: titleFontInfo.height * 0.5 | ||
287 | cached: true | | |||
288 | | ||||
289 | color: myPalette.shadow | | |||
290 | | ||||
291 | radius: 4.0 | | |||
292 | samples: 9 | | |||
293 | } | | |||
294 | | ||||
295 | Layout.bottomMargin: titleFontInfo.height | | |||
296 | } | 251 | } | ||
297 | 252 | | |||
298 | LabelWithToolTip { | 253 | LabelWithToolTip { | ||
299 | id: authorLabel | 254 | id: authorLabel | ||
300 | text: artist | 255 | text: artist | ||
301 | Layout.fillWidth: true | 256 | Layout.fillWidth: true | ||
302 | Layout.alignment: Qt.AlignLeft | 257 | Layout.alignment: Qt.AlignLeft | ||
303 | elide: Text.ElideRight | 258 | elide: Text.ElideRight | ||
304 | color: myPalette.highlightedText | 259 | color: myPalette.highlightedText | ||
305 | font.pixelSize: elisaTheme.defaultFontPixelSize * 1.5 | 260 | font.pixelSize: elisaTheme.defaultFontPixelSize * 1.5 | ||
306 | 261 | | |||
307 | layer.effect: Glow { | 262 | layer.effect: Glow { | ||
308 | cached: true | 263 | cached: true | ||
309 | 264 | | |||
310 | color: myPalette.shadow | 265 | color: myPalette.shadow | ||
311 | 266 | | |||
312 | radius: 4.0 | 267 | radius: 4.0 | ||
313 | samples: 9 | 268 | samples: 9 | ||
314 | } | 269 | } | ||
315 | | ||||
316 | Layout.bottomMargin: titleFontInfo.height | | |||
317 | } | 270 | } | ||
318 | 271 | | |||
319 | LabelWithToolTip { | 272 | LabelWithToolTip { | ||
320 | id: albumLabel | 273 | id: albumLabel | ||
321 | text: album | 274 | text: album | ||
322 | Layout.fillWidth: true | 275 | Layout.fillWidth: true | ||
323 | Layout.alignment: Qt.AlignLeft | 276 | Layout.alignment: Qt.AlignLeft | ||
324 | elide: Text.ElideRight | 277 | elide: Text.ElideRight | ||
325 | color: myPalette.highlightedText | 278 | color: myPalette.highlightedText | ||
326 | font.weight: Font.Light | 279 | font.weight: Font.Light | ||
280 | font.pixelSize: elisaTheme.defaultFontPixelSize * 1 | ||||
327 | 281 | | |||
328 | layer.effect: Glow { | 282 | layer.effect: Glow { | ||
329 | cached: true | 283 | cached: true | ||
330 | 284 | | |||
331 | color: myPalette.shadow | 285 | color: myPalette.shadow | ||
332 | 286 | | |||
333 | radius: 4.0 | 287 | radius: 4.0 | ||
334 | samples: 9 | 288 | samples: 9 | ||
335 | } | 289 | } | ||
336 | 290 | | |||
337 | Layout.bottomMargin: titleFontInfo.height | | |||
338 | } | 291 | } | ||
339 | 292 | | |||
340 | RatingStar { | 293 | RatingStar { | ||
341 | id: mainRating | 294 | id: mainRating | ||
342 | visible: ratingVisible | 295 | visible: ratingVisible | ||
343 | starSize: elisaTheme.ratingStarSize | 296 | starSize: elisaTheme.ratingStarSize | ||
344 | starRating: trackRating | 297 | starRating: trackRating | ||
345 | Layout.alignment: Qt.AlignLeft | 298 | Layout.alignment: Qt.AlignLeft | ||
▲ Show 20 Lines • Show All 105 Lines • Show Last 20 Lines |