Extending QML - Object and List Property Types Example

This example builds on:

• Extending QML - Adding Types Example

The Object and List Property Types example shows how to add object and list properties in QML. This example adds a BirthdayParty type that specifies a birthday party, consisting of a celebrant and a list of guests. People are specified using the People QML type built in the previous example.

 BirthdayParty {
     host: Person {
         name: "Bob Jones"
         shoeSize: 12
     }
     guests: [
         Person { name: "Leo Hodges" },
         Person { name: "Jack Smith" },
         Person { name: "Anne Brown" }
     ]
 }

Declare the BirthdayParty

The BirthdayParty class is declared like this:

 class BirthdayParty : public QObject
 {
     Q_OBJECT
     Q_PROPERTY(Person *host READ host WRITE setHost)
     Q_PROPERTY(QQmlListProperty<Person> guests READ guests)
     QML_ELEMENT
 public:
     BirthdayParty(QObject *parent = nullptr);

     Person *host() const;
     void setHost(Person *);

     QQmlListProperty<Person> guests();
     void appendGuest(Person*);
     int guestCount() const;
     Person *guest(int) const;
     void clearGuests();
     void replaceGuest(int, Person*);
     void removeLastGuest();

 private:
     static void appendGuest(QQmlListProperty<Person>*, Person*);
     static int guestCount(QQmlListProperty<Person>*);
     static Person* guest(QQmlListProperty<Person>*, int);
     static void clearGuests(QQmlListProperty<Person>*);
     static void replaceGuest(QQmlListProperty<Person>*, int, Person*);
     static void removeLastGuest(QQmlListProperty<Person>*);

     Person *m_host;
     QVector<Person *> m_guests;
 };

The class contains a member to store the celebrant object, and also a QList<Person *> member.

In QML, the type of a list properties - and the guests property is a list of people - are all of type QQmlListProperty<T>. QQmlListProperty is simple value type that contains a set of function pointers. QML calls these function pointers whenever it needs to read from, write to or otherwise interact with the list. In addition to concrete lists like the people list used in this example, the use of QQmlListProperty allows for "virtual lists" and other advanced scenarios.

Define the BirthdayParty

The implementation of BirthdayParty property accessors is straight forward.

 Person *BirthdayParty::host() const
 {
     return m_host;
 }

 void BirthdayParty::setHost(Person *c)
 {
     m_host = c;
 }

 QQmlListProperty<Person> BirthdayParty::guests()
 {
     return {this, this,
              &BirthdayParty::appendGuest,
              &BirthdayParty::guestCount,
              &BirthdayParty::guest,
              &BirthdayParty::clearGuests,
              &BirthdayParty::replaceGuest,
              &BirthdayParty::removeLastGuest};
 }

 void BirthdayParty::appendGuest(Person* p) {
     m_guests.append(p);
 }

 int BirthdayParty::guestCount() const
 {
     return m_guests.count();
 }

 Person *BirthdayParty::guest(int index) const
 {
     return m_guests.at(index);
 }

 void BirthdayParty::clearGuests() {
     m_guests.clear();
 }

 void BirthdayParty::replaceGuest(int index, Person *p)
 {
     m_guests[index] = p;
 }

 void BirthdayParty::removeLastGuest()
 {
     m_guests.removeLast();
 }

Running the Example

The main.cpp file in the example includes a simple shell application that loads and runs the QML snippet shown at the beginning of this page.

Example project @ code.qt.io