Qt Quick Examples - Image Elements▲

Image non disponible

Image Elements is a collection of small QML examples relating to image types. For more information, visit Use Case - Visual Elements In QML.

Running the Example▲

To run the example from Qt Creator, open the Welcome mode and select the example from Examples. For more information, visit Building and Running an Example.

Scaling with BorderImage▲

BorderImage shows off the various scaling modes of the BorderImage type by setting its horizontalTileMode and verticalTileMode properties.

Image Fill▲

Image shows off the various fill modes of the Image type.

Shadow Effects▲

Shadows shows how to create a drop shadow effect for a rectangular item using a BorderImage:

 
Sélectionnez
    BorderImage {
        anchors.fill: rectangle
        anchors { leftMargin: -6; topMargin: -6; rightMargin: -8; bottomMargin: -8 }
        border { left: 10; top: 10; right: 10; bottom: 10 }
        source: "shadow.png"
    }

Sprite Animations with AnimatedSprite▲

AnimatedSprite shows how to display a simple animation using an AnimatedSprite object:

 
Sélectionnez
    AnimatedSprite {
        id: sprite
        anchors.centerIn: parent
        source: "content/speaker.png"
        frameCount: 60
        frameSync: true
        frameWidth: 170
        frameHeight: 170
        loops: 3
    }

The sprite animation will loop three times.

Sprite Animations with SpriteSequence▲

SpriteSequence demonstrates using a sprite sequence to draw an animated and interactive bear. The SpriteSequence object defines five different sprites. The bear is initially in a still state:

 
Sélectionnez
        Sprite{
            name: "still"
            source: "content/BearSheet.png"
            frameCount: 1
            frameWidth: 256
            frameHeight: 256
            frameDurat