aboutsummaryrefslogtreecommitdiffstats
path: root/examples/declarative/canvas/twitterfriends/twitter.qml
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;
      }
    }
  }
}