blob: 5f7126e485a257196cbbd1c8b086b21890618360 (
plain)
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
|
import QtQuick 2.0
import QtQuick.XmlListModel 2.0
Rectangle {
id: mainWindow
anchors.fill: parent
color: appBackground
property int tileHeight: parseInt(grid.height / 3)
property int tileFontSize: tileHeight * 0.08
property int horizontalMargin: height * 0.08
property int topBarsize: height * 0.2
property int bottomBarSize: height * 0.08
property int tileMargin: height * 0.01
property int appHeaderFontSize: topBarsize * 0.4
property string appBackground: "#262626"
property string tileBackground: "#86bc24"
property string textColor: "white"
property string uiFont: "Segoe UI"
XmlListModel {
id: feedModel
//source: "http://blog.qt.digia.com/feed/"
source: "http://news.yahoo.com/rss/tech"
//query: "/rss/channel/item"
// Filter out items that don't have images
query: "/rss/channel/item[exists(child::media:content)]"
namespaceDeclarations: "declare namespace media=\"http://search.yahoo.com/mrss/\";"
XmlRole { name: "url"; query: "media:content/@url/string()" }
XmlRole { name: "title"; query: "title/string()" }
XmlRole { name: "pubDate"; query: "pubDate/string()" }
XmlRole { name: "link"; query: "link/string()" }
onStatusChanged: {
if (status == XmlListModel.Ready) {
playbanner.start();
}
}
}
// Top bar
Item {
id: topBar
anchors.left: parent.left
anchors.right: parent.right
anchors.top: parent.top
anchors.leftMargin: horizontalMargin
opacity: 0
height: topBarsize
Text {
id: title
anchors.verticalCenter: parent.verticalCenter
anchors.left: parent.left
text: qsTr("Yahoo Technology")
font.family: uiFont;
font.pixelSize: appHeaderFontSize;
color: textColor
smooth: true
}
}
// Grid view
GridView {
id: grid
anchors.fill: parent
anchors.topMargin: topBarsize
anchors.bottomMargin: bottomBarSize
anchors.leftMargin: horizontalMargin
anchors.rightMargin: horizontalMargin
opacity: 0
flow: GridView.TopToBottom
cellHeight: tileHeight
cellWidth: parseInt(tileHeight * 1.5)
cacheBuffer: cellWidth
clip: false
focus: true
model: feedModel
delegate: RssDelegate {}
// Only show the scrollbars when the view is moving.
states: State {
when: grid.movingHorizontally
PropertyChanges { target: horizontalScrollBar; opacity: 1 }
}
transitions: Transition {
NumberAnimation { properties: "opacity"; duration: 400 }
}
}
ScrollBar {
id: horizontalScrollBar
width: parent.width; height: 6
anchors.bottom: parent.bottom
anchors.left: parent.left
opacity: 0
orientation: Qt.Horizontal
position: grid.visibleArea.xPosition
pageSize: grid.visibleArea.widthRatio
}
SequentialAnimation {
id: playbanner
running: false
NumberAnimation { target: topBar; property: "opacity"; to: 1.0; duration: 300}
NumberAnimation { target: grid; property: "opacity"; to: 1.0; duration: 300}
}
}
|