So last week Qt Quick components were made available to download via the experimental section of the Qt Maintenance tool. There is a full blog post about it on the Qt labs blog but basically, this means you can add an import line to your Qt Quick code and then add button and check-box (among others) objects that fit in with the new Symbian guidelines without having to create your own. Simple.
You can view the full list of components and how to use them in the Qt Reference Documentation and there are a few example apps available too. MeeGo 1.2 Harmattan also uses a set of similar components (create a Harmattan project to see them). However, I’ll add my own very simple and brief example of the Symbian components here.
import com.nokia.symbian 1.0 // Symbian components
import QtQuick 1.0
Rectangle {
id: rectangle1
width: 320
height: 500
color: "#b7bcc0"
Button {
id: button1
x: 80
width: 200
height: 50
text: "Click Me!"
checkable: true
anchors.top: parent.top
anchors.topMargin: 100
anchors.horizontalCenter: parent.horizontalCenter
onClicked: textarea1.text="Clicked"
}
TextArea {
id: textarea1
x: 61
y: 309
width: 180
height: 180
text: "Not Clicked"
anchors.horizontalCenterOffset: 0
anchors.bottom: parent.bottom
anchors.bottomMargin: 100
anchors.horizontalCenter: parent.horizontalCenter
}
}
Also interesting to note that now with components variable for MeeGo 1.2 Harmattan and Symbian there are now updated guidelines for Symbian, all featuring a new standard bottom menu bar (to replace the chunky Options and Close buttons). If you want a quick look around what’s coming for Symbian, these guidelines are well worth a look.
Of course, for comparison, the MeeGo 1.2 Harmattan guidelines are here.
