examples/quick/canvas/twitterfriends/twitter.qml

   1 /****************************************************************************
   2 **
   3 ** Copyright (C) 2012 Nokia Corporation and/or its subsidiary(-ies).
   4 ** Contact: http://www.qt-project.org/
   5 **
   6 ** This file is part of the examples of the Qt Toolkit.
   7 **
   8 ** $QT_BEGIN_LICENSE:BSD$
   9 ** You may use this file under the terms of the BSD license as follows:
  10 **
  11 ** "Redistribution and use in source and binary forms, with or without
  12 ** modification, are permitted provided that the following conditions are
  13 ** met:
  14 **   * Redistributions of source code must retain the above copyright
  15 **     notice, this list of conditions and the following disclaimer.
  16 **   * Redistributions in binary form must reproduce the above copyright
  17 **     notice, this list of conditions and the following disclaimer in
  18 **     the documentation and/or other materials provided with the
  19 **     distribution.
  20 **   * Neither the name of Nokia Corporation and its Subsidiary(-ies) nor
  21 **     the names of its contributors may be used to endorse or promote
  22 **     products derived from this software without specific prior written
  23 **     permission.
  24 **
  25 ** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
  26 ** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
  27 ** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
  28 ** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
  29 ** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
  30 ** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
  31 ** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
  32 ** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
  33 ** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
  34 ** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
  35 ** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
  36 **
  37 ** $QT_END_LICENSE$
  38 **
  39 ****************************************************************************/
  40
  41 import QtQuick 2.0
  42 import "../contents"
  43 import "cache.js" as TwitterUserCache
  44 Rectangle {
  45     width:360
  46     height:600
  47     color:"black"
  48     QtObject {
  49         id:twitterManager
  50         function getById(id) {
  51             return TwitterUserCache.cache.getById(id);
  52         }
  53
  54         function getByName(name) {
  55             return TwitterUserCache.cache.getByName(name);
  56         }
  57
  58         function createTwitterUser(canvas) {
  59             return TwitterUserCache.createTwitterUser(canvas);
  60         }
  61     }
  62     Rectangle {
  63         id:inputContainer
  64         width:parent.width-4
  65         height:40
  66         anchors.top:parent.top
  67         anchors.topMargin:4
  68         anchors.horizontalCenter:parent.horizontalCenter
  69         radius:8
  70         border.color:"steelblue"
  71         Text {
  72             text:inputName.text == "" ? "Enter your twitter name..." : ""
  73             id:inputLabel
  74             anchors.centerIn:parent
  75             font.pointSize:12
  76             opacity:.5
  77             color:"steelblue"
  78         }
  79         TextInput {
  80             id:inputName
  81             anchors.centerIn:parent
  82             font.pointSize : 20
  83             opacity:1
  84             color:"steelblue"
  85             width:parent.width-6
  86             height:parent.height-6
  87             text:""
  88             autoScroll:true
  89             focus:true
  90             selectByMouse:true
  91             onAccepted : {canvas.twitterName = text; canvas.requestPaint();}
  92         }
  93     }
  94     Canvas {
  95       id:canvas
  96       width:parent.width
  97       anchors.top :inputContainer.bottom
  98       anchors.bottom : parent.bottom
  99       smooth:true
 100       renderTarget:Canvas.Image
 101       renderStrategy: Canvas.Immediate
 102
 103       property bool layoutChanged:true
 104       property string twitterName:""
 105       property string twitterId:""
 106       property bool loading:false
 107
 108       onLoadingChanged: requestPaint();
 109       onWidthChanged: { layoutChanged = true; requestPaint();}
 110       onHeightChanged:  { layoutChanged = true; requestPaint();}
 111       onTwitterNameChanged: inputName.text = twitterName;
 112       onImageLoaded:requestPaint();
 113       onPaint: {
 114       var ctx = canvas.getContext('2d');
 115       ctx.save();
 116       ctx.fillStyle="black";
 117       ctx.fillRect(0, 0, canvas.width, canvas.height);
 118
 119       if (canvas.twitterName != "" || canvas.twitterId != "") {
 120           var user = canvas.twitterId ? TwitterUserCache.getById(canvas.twitterId) : TwitterUserCache.getByName(canvas.twitterName);
 121           if (!user) {
 122               user = TwitterUserCache.createTwitterUser(canvas);
 123               user.hasFocus = true;
 124               user.manager = twitterManager;
 125               user.createByName(canvas.twitterName);
 126               canvas.loading = true;
 127           }
 128
 129           if (canvas.loading) {
 130               ctx.font = "40px";
 131               ctx.fillStyle = "steelblue";
 132               ctx.fillText("Loading...", canvas.width/2 - 80, canvas.height/2);
 133           } else {
 134               user.show(ctx, layoutChanged);
 135           }
 136           layoutChanged = false;
 137       }
 138       ctx.restore();
 139     }
 140   }
 141 }