diff options
Diffstat (limited to 'examples/quick/text/text.qml')
| -rw-r--r-- | examples/quick/text/text.qml | 33 |
1 files changed, 33 insertions, 0 deletions
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 <img> 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 { |