Add docs for PaintedItem examples
authorAlan Alpert <alan.alpert@nokia.com>
Wed, 29 Feb 2012 08:51:23 +0000 (18:51 +1000)
committerQt by Nokia <qt-info@nokia.com>
Tue, 20 Mar 2012 04:37:59 +0000 (05:37 +0100)
No launcher, because they're C++ examples

Change-Id: Icff2ad31c65d5a878c3818d54ed81cf0d6aa664b
Reviewed-by: Michael Brasser <michael.brasser@nokia.com>
examples/quick/painteditem/smile/smile.qml
examples/quick/painteditem/textballoons/textballoons.qml

index 33919bc..c30da1b 100644 (file)
 
 import QtQuick 2.0
 import MyModule 1.0
+/*!
+    \title QtQuick Examples - Painted Smile
+    \example quick/painteditem/smile
+    \brief This is a simple example the draws a smile with QPainter
+*/
 
 Rectangle {
-    width: 500
-    height: 500
+    width: 320
+    height: 480
     gradient: Gradient {
         GradientStop { position: 0.0; color: "#00249a" }
         GradientStop { position: 0.7; color: "#ffd94f" }
         GradientStop { position: 1.0; color: "#ffa322" }
     }
-    MyPaintItem {
-        renderTarget:PaintedItem.Image
-        clip:true
-        width:240
-        height:240
-        anchors.left : parent.left
-        anchors.top :parent.top
-        anchors.margins: 10
-        smooth: true
-        MouseArea {
-          anchors.fill:parent
-          onClicked: {
-           if (parent.face == ":-)")
-              parent.face = ":-(";
-           else
-              parent.face = ":-)";
-           parent.update()
-          }
+    Grid {
+        columns: 2
+        Repeater {
+            model: 6
+            delegate: MyPaintItem {
+                renderTarget:PaintedItem.Image
+                clip:true
+                width:160
+                height:160
+                smooth: true
+                MouseArea {
+                  anchors.fill:parent
+                  onClicked: {
+                   if (parent.face == ":-)")
+                      parent.face = ":-(";
+                   else
+                      parent.face = ":-)";
+                   parent.update()
+                  }
+                }
+            }
         }
     }
-    MyPaintItem {
-        clip:true
-        renderTarget:PaintedItem.Image
-        width:240
-        height:240
-        anchors.right : parent.right
-        anchors.top :parent.top
-        anchors.margins: 10
-        smooth: true
-        MouseArea {
-          anchors.fill:parent
-          onClicked: {
-           if (parent.face == ":-)")
-              parent.face = ":-(";
-           else
-              parent.face = ":-)";
-           parent.update()
-          }
-        }
-    }
-    MyPaintItem {
-        clip:true
-        renderTarget:PaintedItem.Image
-        width:240
-        height:240
-        anchors.left : parent.left
-        anchors.bottom :parent.bottom
-        anchors.margins: 10
-        smooth: true
-        MouseArea {
-          anchors.fill:parent
-          onClicked: {
-           if (parent.face == ":-)")
-              parent.face = ":-(";
-           else
-              parent.face = ":-)";
-           parent.update()
-          }
-        }
-    }
-    MyPaintItem {
-        clip:true
-        renderTarget:PaintedItem.Image
-        width:240
-        height:240
-        anchors.right : parent.right
-        anchors.bottom :parent.bottom
-        anchors.margins: 10
-        smooth: true
-        MouseArea {
-          anchors.fill:parent
-          onClicked: {
-           if (parent.face == ":-)")
-              parent.face = ":-(";
-           else
-              parent.face = ":-)";
-           parent.update()
-          }
-        }
-    }
-}
\ No newline at end of file
+}
index b00ce2b..d5151c9 100644 (file)
 import QtQuick 2.0
 import TextBalloonPlugin 1.0
 
+/*!
+    \title QtQuick Examples - Painted Text Balloons
+    \example quick/painteditem/textballoons
+    \brief This is a simple example that draws text balloons using QPainter
+*/
 Item {
     height: 480
-    width: 640
+    width: 320
 
     //! [0]
     ListModel {
@@ -53,7 +58,7 @@ Item {
             balloonWidth: 200
         }
         ListElement {
-            balloonWidth: 350
+            balloonWidth: 120
         }
     }
 
@@ -95,7 +100,7 @@ Item {
             anchors.fill: parent
             hoverEnabled: true
             onClicked: {
-                balloonModel.append({"balloonWidth": Math.floor(Math.random() * 300 + 100)})
+                balloonModel.append({"balloonWidth": Math.floor(Math.random() * 200 + 100)})
                 balloonView.positionViewAtIndex(balloonView.count -1, ListView.End)
             }
             onEntered: {