View source for BasicSteps 3

[[Category:Developing_with_Qt::Qt Quick::Tutorial]]
<code>
// 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
 }
 }
}
</code>