diff options
| author | Damian Jansen <damian.jansen@nokia.com> | 2012-02-09 11:25:59 +1000 |
|---|---|---|
| committer | Qt by Nokia <qt-info@nokia.com> | 2012-02-09 03:46:24 +0100 |
| commit | 3b141d5f1e1e6d46dda74253f881b042db32c110 (patch) | |
| tree | 896f01975fdc487bea33ce4b4820ad967ffcba86 | |
| parent | 4b9a8f45228d6b8acf52e428ba12ba8da3d01472 (diff) | |
UI improvement for TwitterFriends example
Remove need to erase pre-existing text in TextInput
More likeable input field
Change-Id: I253c0a871079ebedecb96a4b2e27998e82cb10c2
Reviewed-by: Yunqiao Yin <charles.yin@nokia.com>
| -rw-r--r-- | examples/declarative/canvas/twitterfriends/twitter.qml | 30 |
1 files changed, 22 insertions, 8 deletions
diff --git a/examples/declarative/canvas/twitterfriends/twitter.qml b/examples/declarative/canvas/twitterfriends/twitter.qml index f6f08b4ba3..d25773127d 100644 --- a/examples/declarative/canvas/twitterfriends/twitter.qml +++ b/examples/declarative/canvas/twitterfriends/twitter.qml @@ -41,9 +41,10 @@ import QtQuick 2.0 import "../contents" import "cache.js" as TwitterUserCache -Item { +Rectangle { width:360 height:600 + color:"black" QtObject { id:twitterManager function getById(id) { @@ -60,19 +61,32 @@ Item { } Rectangle { id:inputContainer - width:parent.width + width:parent.width-4 height:40 - anchors.top : parent.top - + anchors.top:parent.top + anchors.topMargin:4 + anchors.horizontalCenter:parent.horizontalCenter + radius:8 + border.color:"steelblue" + Text { + text:inputName.text == "" ? "Enter your twitter name..." : "" + id:inputLabel + anchors.centerIn:parent + font.pointSize:12 + opacity:.5 + color:"steelblue" + } TextInput { id:inputName - anchors.fill:parent + anchors.centerIn:parent font.pointSize : 20 opacity:1 color:"steelblue" - width:200 - height:40 - text: "Input your twitter name..." + width:parent.width-6 + height:parent.height-6 + text:"" + autoScroll:true + focus:true selectByMouse:true onAccepted : {canvas.twitterName = text; canvas.requestPaint();} } |