TweetDelegate.qml Example File
demos/tweetsearch/content/TweetDelegate.qml
import QtQuick 2.0
import "tweetsearch.js" as Helper
Item {
id: container
property real hm: 1.0
property int appear: -1
property real startRotation: 1
onAppearChanged: {
container.startRotation = 0.5
flipBar.animDuration = appear;
delayedAnim.start();
}
SequentialAnimation {
id: delayedAnim
PauseAnimation { duration: 50 }
ScriptAction { script: flipBar.flipDown(startRotation); }
}
width: 320
height: flipBar.height * hm
FlipBar {
id: flipBar
property bool flipped: false
delta: startRotation
anchors.bottom: parent.bottom
width: container.ListView.view ? container.ListView.view.width : 0
height: Math.max(72, tweet.y + tweet.height + 10)
front: Rectangle {
width: container.ListView.view ? container.ListView.view.width : 0
height: Math.max(72, tweet.y + tweet.height + 10)
color: "#2699bf"
Rectangle { color: "#33ccff"; width: parent.width; height: 1 }
Rectangle { color: "#1a6680"; width: parent.width; height: 1; anchors.bottom: parent.bottom }
Image {
id: placeHolder
source: "resources/anonymous.png"
x: 10; y: 9
visible: avatar.status != Image.Ready
}
Image {
id: avatar
source: model.userImage
anchors.fill: placeHolder
MouseArea {
id: mouseArea
anchors.fill: parent
onClicked: {
flipBar.flipUp()
flipBar.flipped = true
}
}
}
Text {
id: name
text: model.name
anchors { left: avatar.right; leftMargin: 10; top: avatar.top; topMargin: -3 }
font.pixelSize: 12
font.bold: true
color: "white"
linkColor: "white"
}
Text {
id: tweet
text: model.statusText
anchors { left: avatar.right; leftMargin: 10; top: name.bottom; topMargin: 0; right: parent.right; rightMargin: 10 }
wrapMode: Text.WordWrap
font.pixelSize: 12
font.bold: false
color: "#adebff"
linkColor: "white"
onLinkActivated: {
var tag = link.split("https://twitter.com/search?q=%23")
var user = link.split("https://twitter.com/")
if (tag[1] != undefined) {
mainListView.positionViewAtBeginning()
mainListView.clear()
mainListView.autoSearch('tag', tag[1])
tweetsModel.from = ""
tweetsModel.phrase = "#" + tag[1]
} else if (user[1] != undefined) {
mainListView.positionViewAtBeginning()
mainListView.clear()
mainListView.autoSearch('user', user[1])
tweetsModel.phrase = ""
tweetsModel.from = user[1]
} else
Qt.openUrlExternally(link)
}
}
}
back: Rectangle {
width: container.ListView.view ? container.ListView.view.width : 0
height: Math.max(72, tweet.y + tweet.height + 10)
color: "#be4a25"
Rectangle { color: "#ff6633"; width: parent.width; height: 1 }
Rectangle { color: "#80341a"; width: parent.width; height: 1; anchors.bottom: parent.bottom }
Image {
id: avatar2
source: model.userImage
anchors.right: parent.right
anchors.rightMargin: 10
y: 9
MouseArea {
anchors.fill: parent
onClicked: {
flipBar.flipDown()
flipBar.flipped = false
}
}
}
Text {
id: username
text: model.twitterName
x: 10; anchors { top: avatar2.top; topMargin: -3 }
font.pixelSize: 12
font.bold: true
color: "white"
linkColor: "white"
}
Text {
text: model.source + "<br>" + Helper.formatDate(model.published) + "<br>" + model.uri
x: 10; anchors { top: username.bottom; topMargin: 0 }
wrapMode: Text.WordWrap
font.pixelSize: 12
font.bold: false
color: "#ffc2ad"
linkColor: "white"
onLinkActivated: Qt.openUrlExternally(link);
}
}
}
}