diff options
| author | Yann Bodson <yann.bodson@nokia.com> | 2012-04-18 14:41:14 +1000 |
|---|---|---|
| committer | Qt by Nokia <qt-info@nokia.com> | 2012-04-20 04:09:37 +0200 |
| commit | 63b7decc0f434e952bbbc01d131bdcb10a01f806 (patch) | |
| tree | b8cfc3f535c8e2db39133df81da9f11d96e22fed /examples/quick/imageelements/imageelements.qml | |
| parent | 12e0f28120bdfc96d7588aac690acd526208b28e (diff) | |
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>
Diffstat (limited to 'examples/quick/imageelements/imageelements.qml')
| -rw-r--r-- | examples/quick/imageelements/imageelements.qml | 24 |
1 files changed, 19 insertions, 5 deletions
diff --git a/examples/quick/imageelements/imageelements.qml b/examples/quick/imageelements/imageelements.qml index adfa43a659..2de56f93c7 100644 --- a/examples/quick/imageelements/imageelements.qml +++ b/examples/quick/imageelements/imageelements.qml @@ -49,15 +49,29 @@ import "../../shared" This is a collection of small QML examples relating to image elements. - BorderImage shows off the various scaling modes of the BorderImage item. + 'BorderImage' shows off the various scaling modes of the BorderImage item + by setting its horizontalTileMode and verticalTileMode properties. - Image shows off the various tiling modes of the Image item. + 'Image' shows off the various fill modes of the Image item. - Shadows shows how to create a drop shadow for a rectangle using a BorderImage. + 'Shadows' shows how to create a drop shadow effect for a rectangular item + using a BorderImage: + \snippet examples/quick/imageelements/content/ShadowRectangle.qml delegate - AnimatedSprite shows a simple use for the AnimatedSprite element. + 'AnimatedSprite' shows how to display a simple animation using an + AnimatedSprite element: + \snippet examples/quick/imageelements/animatedsprite.qml sprite + The sprite animation will loop 3 times. - SpriteSequence demonstrates using the SpriteSequence element to draw an animated and slightly interactive bear. + 'SpriteSequence' demonstrates using a sprite sequence to draw an animated + and interactive bear. + The SpriteSequence defines 5 different sprites. The bear is initially in + a 'still' state: + \snippet examples/quick/imageelements/spritesequence.qml still + When the scene is clicked, an animation sets the sprite sequence to the + 'falling' states and animates the bear's y property. + \snippet examples/quick/imageelements/spritesequence.qml animation + At the end of the amimation the bear is set back to its initial state. */ Item { |