PhotoQml: Difference between revisions

From Qt Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 1: Line 1:
[[Category:Developing_with_Qt::Qt Quick::Tutorial]]
[[Category:Developing_with_Qt::Qt Quick::Tutorial]]


<code><br />// File: Photo.qml<br />import Qt 4.7
<code>
// File: Photo.qml
import Qt 4.7


Rectangle {<br /> property alias imageFile: picture.source<br /> property alias imageTitle: title.text
Rectangle {
property alias imageFile: picture.source
property alias imageTitle: title.text


width: frameSize; height: frameSize<br /> color: frameColor
width: frameSize; height: frameSize
color: frameColor


Image {<br /> id: picture<br /> x: leftMargin; y: topMargin<br /> }
Image {
id: picture
x: leftMargin; y: topMargin
}


Text {<br /> id: title<br /> x: 0; y: frameSize - bottomMargin<br /> font.pixelSize: fontSize<br /> width: frameSize; horizontalAlignment: Text.AlignHCenter<br /> height: bottomMargin; verticalAlignment: Text.AlignVCenter<br /> }<br />}
Text {
id: title
x: 0; y: frameSize - bottomMargin
font.pixelSize: fontSize
width: frameSize; horizontalAlignment: Text.AlignHCenter
height: bottomMargin; verticalAlignment: Text.AlignVCenter
}
}

Revision as of 11:05, 25 February 2015


// File: Photo.qml import Qt 4.7

Rectangle {

property alias imageFile: picture.source
property alias imageTitle: title.text

width: frameSize; height: frameSize

color: frameColor

Image {

id: picture
x: leftMargin; y: topMargin
}

Text {

id: title
x: 0; y: frameSize - bottomMargin
font.pixelSize: fontSize
width: frameSize; horizontalAlignment: Text.AlignHCenter
height: bottomMargin; verticalAlignment: Text.AlignVCenter
}

}