git.iko.soy/unity8
on xenial help sign in
Added code for music and video tiles, but video tiles waiting asset
015f5f0Andrea Cimitan
Components/Tile.qml+1−2
compare with xenial
unifiedsplit
@@ -20,8 +20,7 @@ import Ubuntu.Components 0.1
20AbstractButton {
20AbstractButton {
21 property url source
21 property url source
22 property int fillMode: Image.PreserveAspectCrop
22 property int fillMode: Image.PreserveAspectCrop
23− property int horizontalAlignment: Image.AlignHCenter
23+ property int horizontalAlignment: Text.AlignHCenter
24− property int verticalAlignment: Image.AlignVCenter
25 property string text
24 property string text
26 property int imageWidth
25 property int imageWidth
27 property int imageHeight
26 property int imageHeight
Components/TileStyle.qml+4−3
@@ -39,8 +39,8 @@ Item {
39 cache: false
39 cache: false
40 source: styledItem.source
40 source: styledItem.source
41 fillMode: styledItem.fillMode
41 fillMode: styledItem.fillMode
42− horizontalAlignment: styledItem.horizontalAlignment
42+ horizontalAlignment: Image.AlignHCenter
43− verticalAlignment: styledItem.verticalAlignment
43+ verticalAlignment: Image.AlignVCenter
44 }
44 }
45 }
45 }
46
46
@@ -73,8 +73,9 @@ Item {
73 styleColor: "black"
73 styleColor: "black"
74 fontSize: "small"
74 fontSize: "small"
75 elide: Text.ElideMiddle
75 elide: Text.ElideMiddle
76− horizontalAlignment: Text.AlignHCenter
76+ horizontalAlignment: styledItem.horizontalAlignment
77 text: styledItem.text
77 text: styledItem.text
78+ wrapMode: Text.WordWrap
78 maximumLineCount: styledItem.maximumLineCount
79 maximumLineCount: styledItem.maximumLineCount
79 }
80 }
80}
81}
Dash/Generic/FlatTileStyle.qml+4−3
@@ -38,8 +38,8 @@ Item {
38 source: styledItem.source
38 source: styledItem.source
39 fillMode: styledItem.fillMode
39 fillMode: styledItem.fillMode
40 opacity: tile.disabled ? 0.3 : 1.0
40 opacity: tile.disabled ? 0.3 : 1.0
41− horizontalAlignment: styledItem.horizontalAlignment
41+ horizontalAlignment: Image.AlignHCenter
42− verticalAlignment: styledItem.verticalAlignment
42+ verticalAlignment: Image.AlignVCenter
43 }
43 }
44
44
45 UbuntuShape {
45 UbuntuShape {
@@ -71,8 +71,9 @@ Item {
71 styleColor: "black"
71 styleColor: "black"
72 fontSize: "small"
72 fontSize: "small"
73 elide: Text.ElideMiddle
73 elide: Text.ElideMiddle
74− horizontalAlignment: Text.AlignHCenter
74+ horizontalAlignment: styledItem.horizontalAlignment
75 text: styledItem.text
75 text: styledItem.text
76+ wrapMode: Text.WordWrap
76 maximumLineCount: styledItem.maximumLineCount
77 maximumLineCount: styledItem.maximumLineCount
77 }
78 }
78}
79}
Dash/GenericScopeView.qml+1−1
@@ -207,7 +207,7 @@ ScopeView {
207 switch (rendererId) {
207 switch (rendererId) {
208 case "grid": {
208 case "grid": {
209 switch (contentType) {
209 switch (contentType) {
210− case "video": return "Generic/GenericFilterGridPotrait.qml";
210+ case "video": return "Video/VideoFilterGrid.qml";
211 case "music": return "Music/MusicFilterGrid.qml";
211 case "music": return "Music/MusicFilterGrid.qml";
212 case "apps": {
212 case "apps": {
213 if (rendererHint == "toggled")
213 if (rendererHint == "toggled")
Dash/Music/MusicFilterGrid.qml+21−22
@@ -16,42 +16,41 @@
16
16
17import QtQuick 2.0
17import QtQuick 2.0
18import "../../Components"
18import "../../Components"
19+import "../Generic"
19
20
20−FilterGrid {
21+GenericFilterGrid {
21− id: filterGrid
22+ id: filtergrid
22
23
23− minimumHorizontalSpacing: units.gu(2)
24− maximumNumberOfColumns: 5
25− delegateWidth: units.gu(17)
24+ delegateWidth: units.gu(11)
26− delegateHeight: iconHeight + units.gu(3.5)
25+ delegateHeight: units.gu(16)
27− verticalSpacing: units.gu(2)
28
26
29− readonly property int iconWidth: (width / columns) * 0.8
27+ iconWidth: units.gu(11)
30− readonly property int iconHeight: iconWidth
28+ iconHeight: units.gu(11)
31
29
32− signal clicked(int index, var delegateItem, real itemY)
33− signal pressAndHold(int index, var delegateItem, real itemY)
34−
35− delegate: AlbumTile {
30+ delegate: Tile {
36 id: tile
31 id: tile
37 objectName: "delegate" + index
32 objectName: "delegate" + index
38− width: filterGrid.cellWidth
33+ width: filtergrid.cellWidth
39− height: filterGrid.cellHeight
34+ height: filtergrid.cellHeight
40− iconWidth: filterGrid.iconWidth
41− iconHeight: filterGrid.iconHeight
42−
43− artist: model.title
44− album: model.comment
35+ text: model.comment
36+ imageWidth: filtergrid.iconWidth
37+ imageHeight: filtergrid.iconHeight
45 source: model.icon
38 source: model.icon
39+ maximumLineCount: 2
40+ horizontalAlignment: Text.AlignLeft
41+
42+ style: MusicTileStyle {
43+ artist: model.title
44+ }
46
45
47 onClicked: {
46 onClicked: {
48 var data = { model: model }
47 var data = { model: model }
49− filterGrid.clicked(index, data, tile.y)
48+ filtergrid.clicked(index, data, tile.y)
50 }
49 }
51
50
52 onPressAndHold: {
51 onPressAndHold: {
53 var data = { model: model }
52 var data = { model: model }
54− filterGrid.pressAndHold(index, data, tile.y)
53+ filtergrid.pressAndHold(index, data, tile.y)
55 }
54 }
56 }
55 }
57}
56}
Dash/Music/MusicTileStyle.qmlnew file+103
@@ -0,0 +1,103 @@
1+/*
2+ * Copyright (C) 2013 Canonical, Ltd.
3+ *
4+ * This program is free software; you can redistribute it and/or modify
5+ * it under the terms of the GNU General Public License as published by
6+ * the Free Software Foundation; version 3.
7+ *
8+ * This program is distributed in the hope that it will be useful,
9+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
10+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
11+ * GNU General Public License for more details.
12+ *
13+ * You should have received a copy of the GNU General Public License
14+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
15+ */
16+
17+import QtQuick 2.0
18+import Ubuntu.Components 0.1
19+
20+Item {
21+ id: tile
22+
23+ property alias artist: artistLabel.text
24+
25+ anchors.fill: parent
26+
27+ UbuntuShape {
28+ id: icon
29+ anchors {
30+ top: parent.top
31+ horizontalCenter: parent.horizontalCenter
32+ }
33+ radius: "medium"
34+ width: styledItem.imageWidth
35+ height: styledItem.imageHeight
36+ image: Image {
37+ id: image
38+ objectName: "image"
39+ sourceSize { width: icon.width; height: icon.height }
40+ asynchronous: true
41+ cache: false
42+ source: styledItem.source
43+ fillMode: styledItem.fillMode
44+ horizontalAlignment: Image.AlignHCenter
45+ verticalAlignment: Image.AlignVCenter
46+ }
47+ }
48+
49+ UbuntuShape {
50+ id: borderPressed
51+ objectName: "borderPressed"
52+
53+ anchors.fill: icon
54+ radius: "medium"
55+ borderSource: "radius_pressed.sci"
56+ opacity: styledItem.pressed ? 1.0 : 0.0
57+ Behavior on opacity { NumberAnimation { duration: 200; easing.type: Easing.OutQuint } }
58+ }
59+
60+ Label {
61+ id: label
62+ objectName: "label"
63+ anchors {
64+ baseline: icon.bottom
65+ baselineOffset: units.gu(2)
66+ left: parent.left
67+ right: parent.right
68+ leftMargin: units.gu(1)
69+ rightMargin: units.gu(1)
70+ }
71+
72+ color: Theme.palette.selected.backgroundText
73+ opacity: 0.9
74+ style: Text.Raised
75+ styleColor: "black"
76+ fontSize: "small"
77+ font.weight: Font.Bold
78+ elide: Text.ElideRight
79+ horizontalAlignment: styledItem.horizontalAlignment
80+ text: styledItem.text
81+ wrapMode: Text.WordWrap
82+ maximumLineCount: styledItem.maximumLineCount
83+ }
84+
85+ Label {
86+ id: artistLabel
87+ anchors {
88+ top: label.bottom
89+ left: parent.left
90+ right: parent.right
91+ leftMargin: units.gu(1)
92+ rightMargin: units.gu(1)
93+ }
94+
95+ color: Theme.palette.selected.backgroundText
96+ opacity: 0.9
97+ style: Text.Raised
98+ styleColor: "black"
99+ fontSize: "x-small"
100+ elide: Text.ElideMiddle
101+ horizontalAlignment: styledItem.horizontalAlignment
102+ }
103+}
Dash/Video/VideosFilterGrid.qml → Dash/Video/VideoFilterGrid.qmlrenamed+13−16
@@ -16,21 +16,11 @@
16
16
17import QtQuick 2.0
17import QtQuick 2.0
18import "../../Components"
18import "../../Components"
19+import "../Generic"
19
20
20−FilterGrid {
21+GenericFilterGrid {
21 id: filtergrid
22 id: filtergrid
22
23
23− minimumHorizontalSpacing: units.gu(0.5)
24− maximumNumberOfColumns: 5
25− delegateWidth: units.gu(11)
26− delegateHeight: iconHeight + units.gu(2.5)
27− verticalSpacing: units.gu(2)
28−
29− readonly property int iconWidth: (width / columns) * 0.8
30− readonly property int iconHeight: iconWidth * 16 / 11
31−
32− signal clicked(int index, var data, real itemY)
33−
34 delegate: Tile {
24 delegate: Tile {
35 id: tile
25 id: tile
36 objectName: "delegate" + index
26 objectName: "delegate" + index
@@ -40,11 +30,18 @@ FilterGrid {
40 imageWidth: filtergrid.iconWidth
30 imageWidth: filtergrid.iconWidth
41 imageHeight: filtergrid.iconHeight
31 imageHeight: filtergrid.iconHeight
42 source: model.icon
32 source: model.icon
43− fillMode: Image.PreserveAspectCrop
33+ fillMode: Image.PreserveAspectFit
34+
35+ style: VideoTileStyle {}
36+
44 onClicked: {
37 onClicked: {
45− var fileUri = model.uri.replace(/^[^:]+:/, "")
38+ var data = { model: model }
46− var data = {fileUri: fileUri, nfoUri: model.comment}
47− filtergrid.clicked(index, data, tile.y);
39+ filtergrid.clicked(index, data, tile.y)
40+ }
41+
42+ onPressAndHold: {
43+ var data = { model: model }
44+ filtergrid.pressAndHold(index, data, tile.y)
48 }
45 }
49 }
46 }
50}
47}
Dash/Video/VideoTileStyle.qmlnew file+98
@@ -0,0 +1,98 @@
1+/*
2+ * Copyright (C) 2013 Canonical, Ltd.
3+ *
4+ * This program is free software; you can redistribute it and/or modify
5+ * it under the terms of the GNU General Public License as published by
6+ * the Free Software Foundation; version 3.
7+ *
8+ * This program is distributed in the hope that it will be useful,
9+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
10+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
11+ * GNU General Public License for more details.
12+ *
13+ * You should have received a copy of the GNU General Public License
14+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
15+ */
16+
17+import QtQuick 2.0
18+import Ubuntu.Components 0.1
19+
20+Item {
21+ id: tile
22+
23+ anchors.fill: parent
24+
25+ UbuntuShape {
26+ id: icon
27+ anchors {
28+ top: parent.top
29+ horizontalCenter: parent.horizontalCenter
30+ }
31+ radius: "medium"
32+ width: styledItem.imageWidth
33+ height: styledItem.imageHeight
34+ image: Image {
35+ id: image
36+ objectName: "image"
37+ sourceSize { width: icon.width; height: icon.height }
38+ asynchronous: true
39+ cache: false
40+ source: styledItem.source
41+ fillMode: styledItem.fillMode
42+ horizontalAlignment: Image.AlignHCenter
43+ verticalAlignment: Image.AlignVCenter
44+ }
45+
46+ /*Image {
47+ source: "background.png";
48+ width: foo
49+ height: bar
50+
51+ Image {
52+ source: the_source
53+ anchors {
54+ fill: parent;
55+ topMargin: units.gu(5);
56+ bottomMargin: units.gu(5)
57+ }
58+ fillMode: Image.PreserveAspectCrop
59+ sourceSize.height: height
60+ }
61+ }*/
62+ }
63+
64+ UbuntuShape {
65+ id: borderPressed
66+ objectName: "borderPressed"
67+
68+ anchors.fill: icon
69+ radius: "medium"
70+ borderSource: "radius_pressed.sci"
71+ opacity: styledItem.pressed ? 1.0 : 0.0
72+ Behavior on opacity { NumberAnimation { duration: 200; easing.type: Easing.OutQuint } }
73+ }
74+
75+ Label {
76+ id: label
77+ objectName: "label"
78+ anchors {
79+ baseline: icon.bottom
80+ baselineOffset: units.gu(2)
81+ left: parent.left
82+ right: parent.right
83+ leftMargin: units.gu(1)
84+ rightMargin: units.gu(1)
85+ }
86+
87+ color: Theme.palette.selected.backgroundText
88+ opacity: 0.9
89+ style: Text.Raised
90+ styleColor: "black"
91+ fontSize: "small"
92+ elide: Text.ElideMiddle
93+ horizontalAlignment: styledItem.horizontalAlignment
94+ text: styledItem.text
95+ wrapMode: Text.WordWrap
96+ maximumLineCount: styledItem.maximumLineCount
97+ }
98+}