Improve examples documentation

Add more details and snippets to the examples for text and
imageelements.

Change-Id: If0b20a0dca1778a8a4cc0ebf1e43017bdce839ec
Reviewed-by: Alan Alpert <alan.alpert@nokia.com>

3 files changed, 22 insertions, 3 deletions

diff --git a/examples/quick/text/fonts/availableFonts.qml b/examples/quick/text/fonts/availableFonts.qml
index 63a74d269b..d89b454a14 100644
--- a/examples/quick/text/fonts/availableFonts.qml
+++ b/examples/quick/text/fonts/availableFonts.qml
@@ -44,13 +44,21 @@ Rectangle {
     width: 320; height: 480; color: "steelblue"
 
     ListView {
-        anchors.fill: parent; model: Qt.fontFamilies()
+        anchors.fill: parent
+//! [model]
+        model: Qt.fontFamilies()
+//! [model]
 
         delegate: Item {
             height: 40; width: ListView.view.width
             Text {
                 anchors.centerIn: parent
-                text: modelData; font.family: modelData; font.pixelSize: 20; color: "white"
+                text: modelData
+//! [delegate]
+                font.family: modelData
+//! [delegate]
+                font.pixelSize: 20
+                color: "white"
             }
         }
     }
diff --git a/examples/quick/text/fonts/fonts.qml b/examples/quick/text/fonts/fonts.qml
index f0e9b60bc5..7a6b27538d 100644
--- a/examples/quick/text/fonts/fonts.qml
+++ b/examples/quick/text/fonts/fonts.qml
@@ -46,9 +46,15 @@ Rectangle {
     width: 320; height: 480
     color: "steelblue"
 
+//! [fontloader]
     FontLoader { id: fixedFont; name: "Courier" }
+//! [fontloader]
+//! [fontloaderlocal]
     FontLoader { id: localFont; source: "content/fonts/tarzeau_ocr_a.ttf" }
+//! [fontloaderlocal]
+//! [fontloaderremote]
     FontLoader { id: webFont; source: "http://www.princexml.com/fonts/steffmann/Starburst.ttf" }
+//! [fontloaderremote]
 
     Column {
         anchors { fill: parent; leftMargin: 10; rightMargin: 10; topMargin: 10 }
@@ -59,7 +65,10 @@ Rectangle {
             color: "lightsteelblue"
             width: parent.width
             wrapMode: Text.WordWrap
-            font.family: "Times"; font.pixelSize: 20
+//! [name]
+            font.family: "Times"
+//! [name]
+            font.pixelSize: 20
         }
         Text {
             text: myText
diff --git a/examples/quick/text/fonts/hello.qml b/examples/quick/text/fonts/hello.qml
index 8920329ddb..024895b8b4 100644
--- a/examples/quick/text/fonts/hello.qml
+++ b/examples/quick/text/fonts/hello.qml
@@ -58,6 +58,7 @@ Rectangle {
             font.pixelSize: 32
             smooth: true
 
+//! [letterspacing]
             SequentialAnimation on font.letterSpacing {
                 loops: Animation.Infinite;
                 NumberAnimation { from: 0; to: 50; easing.type: Easing.InQuad; duration: 3000 }
@@ -68,6 +69,7 @@ Rectangle {
                     }
                 }
             }
+//! [letterspacing]
 
             SequentialAnimation on opacity {
                 loops: Animation.Infinite;