1/**************************************************************************** 2** 3** Copyright (C) 2017 The Qt Company Ltd. 4** Contact: https://www.qt.io/licensing/ 5** 6** This file is part of the documentation of the Qt Toolkit. 7** 8** $QT_BEGIN_LICENSE:FDL$ 9** Commercial License Usage 10** Licensees holding valid commercial Qt licenses may use this file in 11** accordance with the commercial license agreement provided with the 12** Software or, alternatively, in accordance with the terms contained in 13** a written agreement between you and The Qt Company. For licensing terms 14** and conditions see https://www.qt.io/terms-conditions. For further 15** information use the contact form at https://www.qt.io/contact-us. 16** 17** GNU Free Documentation License Usage 18** Alternatively, this file may be used under the terms of the GNU Free 19** Documentation License version 1.3 as published by the Free Software 20** Foundation and appearing in the file included in the packaging of 21** this file. Please review the following information to ensure 22** the GNU Free Documentation License version 1.3 requirements 23** will be met: https://www.gnu.org/licenses/fdl-1.3.html. 24** $QT_END_LICENSE$ 25** 26****************************************************************************/ 27/*! 28 \title Qt Quick Examples - Image Elements 29 \example imageelements 30 \brief This is a collection of QML examples relating to image types. 31 \image qml-imageelements-example.png 32 \ingroup qtquickexamples 33 34 \e{Image Elements} is a collection of small QML examples relating to image 35 types. For more information, visit \l{Use Case - Visual Elements In QML}. 36 37 \include examples-run.qdocinc 38 39 \section1 Scaling with BorderImage 40 41 \e BorderImage shows the various scaling modes of the \l BorderImage 42 type by setting its horizontalTileMode and verticalTileMode properties. 43 44 \section1 Image Fill 45 46 \e Image shows the various fill modes of the \l Image type. 47 48 \section1 Shadow Effects 49 50 \e Shadows shows how to create a drop shadow effect for a rectangular item 51 using a \l BorderImage: 52 \snippet imageelements/content/ShadowRectangle.qml shadow 53 54 \section1 Sprite Animations with AnimatedSprite 55 56 \e AnimatedSprite shows how to display a simple animation using an 57 \l AnimatedSprite object: 58 \snippet imageelements/animatedsprite.qml sprite 59 The sprite animation will loop three times. 60 61 \section1 Sprite Animations with SpriteSequence 62 63 \e SpriteSequence demonstrates using a sprite sequence to draw an animated 64 and interactive bear. The \l SpriteSequence object defines five different 65 sprites. The bear is initially in a \e still state: 66 \snippet imageelements/spritesequence.qml still 67 68 When the scene is clicked, an animation sets the sprite sequence to the 69 \e falling states and animates the bear's y property. 70 \snippet imageelements/spritesequence.qml animation 71 72 At the end of the animation the bear is set back to its initial state. 73*/ 74