BasicSteps 3

This article may require cleanup to meet the Qt Wiki's quality standards. Reason: Auto-imported from ExpressionEngine. Please improve this article if you can. Remove the {{cleanup}} tag and add this page to Updated pages list after it's clean.

// File: BasicSteps_3.qml // NOTE: For the three images voringsfossen1.jpg, bergen.jpg and cotton_grass.jpg, // you can take any image in JPEG format with the size 280x210 pixels. import QtQuick 1.0

Rectangle {

width: 3 * 300; height: 300

// Photo 1

Rectangle {
x: 0; y: 0
width: 300; height: 300
color: "#FFF8DC" // cornsilk

Image {

x: 10; y: 25
source: "voringsfossen1.jpg"
}

Text {

x: 0; y: 235
text: "Voringsfossen"
font.pixelSize: 20
width: 300; horizontalAlignment: Text.AlignHCenter
height: 65; verticalAlignment: Text.AlignVCenter
}
}

// Photo 2

Rectangle {
x: 300; y: 0
width: 300; height: 300
color: "#FFF8DC" // cornsilk

Image {

x: 10; y: 25
source: "bergen.jpg"
}

Text {

x: 0; y: 235
text: "Bergen"
font.pixelSize: 20
width: 300; horizontalAlignment: Text.AlignHCenter
height: 65; verticalAlignment: Text.AlignVCenter
}
}

// Photo 3

Rectangle {
x: 2 * 300; y: 0
width: 300; height: 300
color: "#FFF8DC" // cornsilk

Image {

x: 10; y: 25
source: "cotton_grass.jpg"
}

Text {

x: 0; y: 235
text: "Cotton Grass"
font.pixelSize: 20
width: 300; horizontalAlignment: Text.AlignHCenter
height: 65; verticalAlignment: Text.AlignVCenter
}
}

}