BasicSteps 3

From Qt Wiki
Jump to navigation Jump to search
The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.
// 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
 }
 }
}