76 lines
2.7 KiB
QML
76 lines
2.7 KiB
QML
// Copyright (C) 2018 The Qt Company Ltd.
|
|
// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GPL-3.0-only
|
|
|
|
import QtQuick 2.8
|
|
import QtQuick.Window 2.0
|
|
|
|
Window {
|
|
id: root
|
|
width: 480
|
|
height: 480
|
|
visible: true
|
|
Image {
|
|
id: svgImage
|
|
source: "large.svg"
|
|
height: parent.height - column.height
|
|
width: parent.width
|
|
sourceSize.height: height
|
|
sourceSize.width: width
|
|
MouseArea {
|
|
anchors.fill: parent
|
|
onClicked: svgImage.source = "embeddedimage.svg"
|
|
}
|
|
}
|
|
ListModel {
|
|
id: imageFillModeModel
|
|
ListElement { text: "Stretch"; fillMode: Image.Stretch }
|
|
ListElement { text: "Preserve Aspect Fit"; fillMode: Image.PreserveAspectFit }
|
|
ListElement { text: "Preserve Aspect Crop"; fillMode: Image.PreserveAspectCrop }
|
|
ListElement { text: "Tile"; fillMode: Image.Tile }
|
|
ListElement { text: "Tile Vertically"; fillMode: Image.TileVertically }
|
|
ListElement { text: "Tile Horizontally"; fillMode: Image.TileHorizontally }
|
|
ListElement { text: "Pad"; fillMode: Image.Pad }
|
|
}
|
|
Column {
|
|
id: column
|
|
height: 75
|
|
anchors.bottom: parent.bottom
|
|
Text {
|
|
text: "Click the options below to change the fill mode.<br>Click the image to change the used image."
|
|
font.pointSize: 16
|
|
}
|
|
|
|
Row {
|
|
id: checkBoxesRow
|
|
width: parent.width
|
|
Repeater {
|
|
model: imageFillModeModel
|
|
Rectangle {
|
|
color: "lightGreen"
|
|
height: 50
|
|
width: 100
|
|
Text {
|
|
text: model.text
|
|
wrapMode: Text.Wrap
|
|
font.pointSize: 16
|
|
anchors.fill: parent
|
|
MouseArea {
|
|
anchors.fill: parent
|
|
onClicked: {
|
|
svgImage.fillMode = model.fillMode
|
|
if (svgImage.fillMode === Image.Tile || svgImage.fillMode === Image.TileHorizontally ||
|
|
svgImage.fillMode === Image.TileVertically)
|
|
svgImage.sourceSize.height = svgImage.sourceSize.width = 300
|
|
else {
|
|
svgImage.sourceSize.height = svgImage.height
|
|
svgImage.sourceSize.width = svgImage.width
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|