×
Namespaces

Variants
Actions
(Difference between revisions)

Display SIM contacts using QML ContactModel

From Nokia Developer Wiki
Jump to: navigation, search
hamishwillee (Talk | contribs)
m (Hamishwillee - Addition to article of: Category:MeeGo Category:Symbian. (Add platform categories))
hamishwillee (Talk | contribs)
m (Hamishwillee - Bot update - Fix ArticleMetaData and other general fixes)
Line 1: Line 1:
 
[[Category:Qt Mobility]][[Category:Qt Quick]][[Category:Qt]]
 
[[Category:Qt Mobility]][[Category:Qt Quick]][[Category:Qt]]
{{ArticleMetaData
+
{{ArticleMetaData <!-- v1.2 -->
|sourcecode=  
+
|sourcecode= <!-- Link to example source code e.g. [[Media:The Code Example ZIP.zip]] -->
|installfile=  
+
|installfile= <!-- Link to installation file (e.g. [[Media:The Installation File.sis]]) -->
 
|devices= Nokia C6-01
 
|devices= Nokia C6-01
 
|sdk= [https://www.developer.nokia.com/info/sw.nokia.com/id/da8df288-e615-443d-be5c-00c8a72435f8/Qt_SDK.html Nokia Qt SDK 1.1.4]
 
|sdk= [https://www.developer.nokia.com/info/sw.nokia.com/id/da8df288-e615-443d-be5c-00c8a72435f8/Qt_SDK.html Nokia Qt SDK 1.1.4]
 
|platform= <!-- Symbian Anna Qt Mobility 1.2 -->
 
|platform= <!-- Symbian Anna Qt Mobility 1.2 -->
|devicecompatability= Symbian  
+
|devicecompatability= Symbian
|signing=<!--  -->
+
|dependencies= <!-- Any other/external dependencies e.g.: Google Maps Api v1.0 -->
|capabilities=NetworkServices ReadUserData WriteUserData  
+
|signing= <!--  -->
|keywords= ContactModel  
+
|capabilities= NetworkServices ReadUserData WriteUserData
|id= <!-- -->
+
|keywords= ContactModel
|language=<!-- -->
+
|language= <!-- -->
|review-by=<!-- After re-review: [[User:username]] -->
+
|translated-by= <!-- [[User:XXXX]] -->
|review-timestamp=<!-- After re-review: YYYYMMDD -->
+
|translated-from-title= <!-- Title only -->
|update-by=<!-- After significant update: [[User:username]]-->
+
|translated-from-id= <!-- Id of translated revision -->
|update-timestamp=<!-- After significant update: YYYYMMDD -->
+
|review-by= <!-- After re-review: [[User:username]] -->
|creationdate= 20111213
+
|review-timestamp= <!-- After re-review: YYYYMMDD -->
|author= [[User:Devnull]]
+
|update-by= <!-- After significant update: [[User:username]]-->
 +
|update-timestamp= <!-- After significant update: YYYYMMDD -->
 +
|creationdate= 20111213
 +
|author= [[User:Devnull]]
 
}}
 
}}
  

Revision as of 07:06, 20 February 2012

Article Metadata
Tested with
Devices(s): Nokia C6-01
Compatibility
Platform(s):
Symbian
Device(s): Symbian
Platform Security
Capabilities: NetworkServices ReadUserData WriteUserData
Article
Keywords: ContactModel
Created: Devnull (13 Dec 2011)
Last edited: hamishwillee (20 Feb 2012)

Contents

Overview

This article shows how to use QML ContactModel Element which is a part of the Qt Mobility Project and displays SIM contacts on the screen. This example uses Contacts QML Plugin from the QtMobility QML Plugins.

Preconditions

Qt SDK version 1.1.4 or later. Create a new Qt Quick application.

Project File (.pro file)

  • Add the Qt Mobility project configuration option in the .pro file as shown below:
CONFIG += mobility
MOBILITY += contacts
  • Here is the project (.pro) file part related to Symbian capabilities:
symbian {
TARGET.CAPABILITY = NetworkServices ReadUserData WriteUserData
}

QML file

Here is the MainPage.qml:

import QtQuick 1.1
import com.nokia.symbian 1.1
import QtMobility.contacts 1.1
 
 
Page {
id: mainPage
 
 
Text {
id: title
text: "Contacts"
anchors.horizontalCenter: parent.horizontalCenter
anchors.top: parent.top
anchors.topMargin: 6
color: platformStyle.colorNormalLight
 
}
ListView {
id: mainList
anchors.left: parent.left
anchors.leftMargin: 3
anchors.right: parent.right
anchors.rightMargin: 3
anchors.top: title.bottom
anchors.bottom: parent.bottom
anchors.topMargin: 3
cacheBuffer: 100
clip: true
highlightFollowsCurrentItem: true
 
snapMode: ListView.SnapOneItem
model: contactModel.contacts
delegate: listDelegate
 
ContactModel {
id: contactModel
manager: "symbiansim" // "symbian" for other contact manager
autoUpdate :true
sortOrders:
SortOrder {
detail: ContactDetail.Name
field: Name.LastName
direction: Qt.AscendingOrder
}
}
 
Component {
id: listDelegate
 
ListItem {
id: contactItem
subItemIndicator: true
 
ListItemText {
id: nameItem
mode: contactItem.mode
role: "Title"
text: displayLabel
}
 
}
}
 
ScrollDecorator {
flickableItem: mainList
}
 
}
}
107 page views in the last 30 days.

Was this page helpful?

Your feedback about this content is important. Let us know what you think.

 

Thank you!

We appreciate your feedback.

×