blob: 0f456711b81218e30752e882589b3335b38db131 (
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
|
import QtQuick 2.0
import "../contents"
import "cache.js" as TwitterUserCache
Item {
width:360
height:600
QtObject {
id:twitterManager
function getById(id) {
return TwitterUserCache.cache.getById(id);
}
function getByName(name) {
return TwitterUserCache.cache.getByName(name);
}
function createTwitterUser(canvas) {
return TwitterUserCache.createTwitterUser(canvas);
}
}
Rectangle {
id:inputContainer
width:parent.width
height:40
anchors.top : parent.top
TextInput {
id:inputName
anchors.fill:parent
font.pointSize : 20
opacity:1
color:"steelblue"
width:200
height:40
text: "Input your twitter name..."
selectByMouse:true
onAccepted : {canvas.twitterName = text; canvas.requestPaint();}
}
}
Canvas {
id:canvas
width:parent.width
anchors.top :inputContainer.bottom
anchors.bottom : parent.bottom
smooth:true
renderTarget:Canvas.Image
threadRendering:false
property bool layoutChanged:true
property string twitterName:""
property string twitterId:""
property bool loading:false
onLoadingChanged: requestPaint();
onWidthChanged: { layoutChanged = true; requestPaint();}
onHeightChanged: { layoutChanged = true; requestPaint();}
onTwitterNameChanged: inputName.text = twitterName;
onImageLoaded:requestPaint();
onPaint: {
var ctx = canvas.getContext('2d');
ctx.reset();
ctx.fillStyle="black";
ctx.fillRect(0, 0, canvas.width, canvas.height);
if (canvas.twitterName != "" || canvas.twitterId != "") {
var user = canvas.twitterId ? TwitterUserCache.getById(canvas.twitterId) : TwitterUserCache.getByName(canvas.twitterName);
if (!user) {
user = TwitterUserCache.createTwitterUser(canvas);
user.hasFocus = true;
user.manager = twitterManager;
user.createByName(canvas.twitterName);
canvas.loading = true;
}
if (canvas.loading) {
ctx.font = "40px";
ctx.fillStyle = "steelblue";
ctx.fillText("Loading...", canvas.width/2 - 80, canvas.height/2);
} else {
user.show(ctx, layoutChanged);
}
layoutChanged = false;
}
}
}
}
|