tests/auto/declarative/qmlvisual/fillmode/fillmode.qml


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

import QtQuick 1.0

/*
    This is a static display test of the various Image fill modes. See the png file in the data
    subdirectory to see what the image should look like.
*/

Rectangle {
    id: screen; width: 360; height: 200; color: "gray"
    property string source: "face.png"

    Grid {
        columns: 3
        Image { width: 120; height: 100; source: screen.source; fillMode: Image.Stretch }
        Image { width: 120; height: 100; source: screen.source; fillMode: Image.PreserveAspectFit; smooth: true }
        Image { width: 120; height: 100; source: screen.source; fillMode: Image.PreserveAspectCrop }
        Image { width: 120; height: 100; source: screen.source; fillMode: Image.Tile; smooth: true }
        Image { width: 120; height: 100; source: screen.source; fillMode: Image.TileHorizontally }
        Image { width: 120; height: 100; source: screen.source; fillMode: Image.TileVertically }
    }
}