From 63b7decc0f434e952bbbc01d131bdcb10a01f806 Mon Sep 17 00:00:00 2001 From: Yann Bodson Date: Wed, 18 Apr 2012 14:41:14 +1000 Subject: Improve examples documentation Add more details and snippets to the examples for text and imageelements. Change-Id: If0b20a0dca1778a8a4cc0ebf1e43017bdce839ec Reviewed-by: Alan Alpert --- examples/quick/text/text.qml | 33 +++++++++++++++++++++++++++++++++ 1 file changed, 33 insertions(+) (limited to 'examples/quick/text/text.qml') diff --git a/examples/quick/text/text.qml b/examples/quick/text/text.qml index e8be93cb69..06d10e65ba 100644 --- a/examples/quick/text/text.qml +++ b/examples/quick/text/text.qml @@ -49,6 +49,39 @@ import "../../shared" This is a collection of small QML examples relating to text. Each example is a small QML file, usually containing or emphasizing a particular element or feature. You can run and observe the behavior of each example. + + 'Hello' shows how to change and animate the letter spacing of a Text element. + It uses a sequential animation to first animate the font.letterSpacing property + from 0 to 50 over 3 seconds and then move the text to a random position on screen: + \snippet examples/quick/text/fonts/hello.qml letterspacing + + 'Fonts' shows different ways of using fonts with the Text element. + Simply by name, using the font.family property directly: + \snippet examples/quick/text/fonts/fonts.qml name + or using a FontLoader element: + \snippet examples/quick/text/fonts/fonts.qml fontloader + or using a FontLoader and specifying a local font file: + \snippet examples/quick/text/fonts/fonts.qml fontloaderlocal + or finally using a FontLoader and specifying a remote font file: + \snippet examples/quick/text/fonts/fonts.qml fontloaderremote + + 'Available Fonts' shows how to use the QML global Qt object and a list view + to display all the fonts available on the system. + The ListView element uses the list of fonts available as its model: + \snippet examples/quick/text/fonts/availableFonts.qml model + Inside the delegate, the font family is set with the modelData: + \snippet examples/quick/text/fonts/availableFonts.qml delegate + + 'Banner' is a simple example showing how to create a banner using a row of text + elements and a NumberAnimation. + + 'Img tag' shows different ways of displaying images in a text elements using + the tag. + + 'Text Layout' shows how to create a more complex layout for a text element. + This example lays out the text in two colums using the onLineLaidOut handler + that allows you to position and resize each line: + \snippet examples/quick/text/styledtext-layout.qml layout */ Item { -- cgit v1.2.3