Sophie

Sophie

distrib > Mageia > 7 > i586 > media > core-updates > by-pkgid > 6e2327ca1c896c6d674ae53117299f21 > files > 321

qtdeclarative5-doc-5.12.6-1.mga7.noarch.rpm

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- qml-extending.qdoc -->
  <title>Extending QML - Object and List Property Types Example | Qt QML 5.12.6</title>
  <link rel="stylesheet" type="text/css" href="style/offline-simple.css" />
  <script type="text/javascript">
    document.getElementsByTagName("link").item(0).setAttribute("href", "style/offline.css");
    // loading style sheet breaks anchors that were jumped to before
    // so force jumping to anchor again
    setTimeout(function() {
        var anchor = location.hash;
        // need to jump to different anchor first (e.g. none)
        location.hash = "#";
        setTimeout(function() {
            location.hash = anchor;
        }, 0);
    }, 0);
  </script>
</head>
<body>
<div class="header" id="qtdocheader">
  <div class="main">
    <div class="main-rounded">
      <div class="navigationbar">
        <table><tr>
<td >Qt 5.12</td><td ><a href="qtqml-index.html">Qt QML</a></td><td ><a href="qmlextendingexamples.html">Qt QML Examples</a></td><td >Extending QML - Object and List Property Types Example</td></tr></table><table class="buildversion"><tr>
<td id="buildversion" width="100%" align="right"><a href="qtqml-index.html">Qt 5.12.6 Reference Documentation</a></td>
        </tr></table>
      </div>
    </div>
<div class="content">
<div class="line">
<div class="content mainContent">
<div class="sidebar">
<div class="toc">
<h3><a name="toc">Contents</a></h3>
<ul>
<li class="level1"><a href="#declare-the-birthdayparty">Declare the BirthdayParty</a></li>
<li class="level2"><a href="#define-the-birthdayparty">Define the BirthdayParty</a></li>
<li class="level1"><a href="#running-the-example">Running the Example</a></li>
</ul>
</div>
<div class="sidebar-content" id="sidebar-content"></div></div>
<h1 class="title">Extending QML - Object and List Property Types Example</h1>
<span class="subtitle"></span>
<!-- $$$referenceexamples/properties-brief -->
<p>Exporting C++ Properties.</p>
<!-- @@@referenceexamples/properties -->
<!-- $$$referenceexamples/properties-description -->
<div class="descr"> <a name="details"></a>
<p>This example builds on:</p>
<ul>
<li><a href="qtqml-referenceexamples-adding-example.html">Extending QML - Adding Types Example</a></li>
</ul>
<p>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.</p>
<pre class="qml">

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

</pre>
<a name="declare-the-birthdayparty"></a>
<h2 id="declare-the-birthdayparty">Declare the BirthdayParty</h2>
<p>The BirthdayParty class is declared like this:</p>
<pre class="cpp">

  <span class="keyword">class</span> BirthdayParty : <span class="keyword">public</span> <span class="type">QObject</span>
  {
      Q_OBJECT
      Q_PROPERTY(Person <span class="operator">*</span>host READ host WRITE setHost)
      Q_PROPERTY(<span class="type"><a href="qqmllistproperty.html">QQmlListProperty</a></span><span class="operator">&lt;</span>Person<span class="operator">&gt;</span> guests READ guests)
  <span class="keyword">public</span>:
      BirthdayParty(<span class="type">QObject</span> <span class="operator">*</span>parent <span class="operator">=</span> <span class="number">0</span>);

      Person <span class="operator">*</span>host() <span class="keyword">const</span>;
      <span class="type">void</span> setHost(Person <span class="operator">*</span>);

      <span class="type"><a href="qqmllistproperty.html">QQmlListProperty</a></span><span class="operator">&lt;</span>Person<span class="operator">&gt;</span> guests();
      <span class="type">void</span> appendGuest(Person<span class="operator">*</span>);
      <span class="type">int</span> guestCount() <span class="keyword">const</span>;
      Person <span class="operator">*</span>guest(<span class="type">int</span>) <span class="keyword">const</span>;
      <span class="type">void</span> clearGuests();

  <span class="keyword">private</span>:
      <span class="keyword">static</span> <span class="type">void</span> appendGuest(<span class="type"><a href="qqmllistproperty.html">QQmlListProperty</a></span><span class="operator">&lt;</span>Person<span class="operator">&gt;</span><span class="operator">*</span><span class="operator">,</span> Person<span class="operator">*</span>);
      <span class="keyword">static</span> <span class="type">int</span> guestCount(<span class="type"><a href="qqmllistproperty.html">QQmlListProperty</a></span><span class="operator">&lt;</span>Person<span class="operator">&gt;</span><span class="operator">*</span>);
      <span class="keyword">static</span> Person<span class="operator">*</span> guest(<span class="type"><a href="qqmllistproperty.html">QQmlListProperty</a></span><span class="operator">&lt;</span>Person<span class="operator">&gt;</span><span class="operator">*</span><span class="operator">,</span> <span class="type">int</span>);
      <span class="keyword">static</span> <span class="type">void</span> clearGuests(<span class="type"><a href="qqmllistproperty.html">QQmlListProperty</a></span><span class="operator">&lt;</span>Person<span class="operator">&gt;</span><span class="operator">*</span>);

      Person <span class="operator">*</span>m_host;
      <span class="type">QVector</span><span class="operator">&lt;</span>Person <span class="operator">*</span><span class="operator">&gt;</span> m_guests;
  };

</pre>
<p>The class contains a member to store the celebrant object, and also a QList&lt;Person *&gt; member.</p>
<p>In QML, the type of a list properties - and the guests property is a list of people - are all of type <a href="qqmllistproperty.html">QQmlListProperty</a>&lt;T&gt;. <a href="qqmllistproperty.html">QQmlListProperty</a> 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 <a href="qqmllistproperty.html">QQmlListProperty</a> allows for &quot;virtual lists&quot; and other advanced scenarios.</p>
<a name="define-the-birthdayparty"></a>
<h3 id="define-the-birthdayparty">Define the BirthdayParty</h3>
<p>The implementation of BirthdayParty property accessors is straight forward.</p>
<pre class="cpp">

  Person <span class="operator">*</span>BirthdayParty<span class="operator">::</span>host() <span class="keyword">const</span>
  {
      <span class="keyword">return</span> m_host;
  }

  <span class="type">void</span> BirthdayParty<span class="operator">::</span>setHost(Person <span class="operator">*</span>c)
  {
      m_host <span class="operator">=</span> c;
  }

  <span class="type"><a href="qqmllistproperty.html">QQmlListProperty</a></span><span class="operator">&lt;</span>Person<span class="operator">&gt;</span> BirthdayParty<span class="operator">::</span>guests()
  {
      <span class="keyword">return</span> <span class="type"><a href="qqmllistproperty.html">QQmlListProperty</a></span><span class="operator">&lt;</span>Person<span class="operator">&gt;</span>(<span class="keyword">this</span><span class="operator">,</span> <span class="keyword">this</span><span class="operator">,</span>
               <span class="operator">&amp;</span>BirthdayParty<span class="operator">::</span>appendGuest<span class="operator">,</span>
               <span class="operator">&amp;</span>BirthdayParty<span class="operator">::</span>guestCount<span class="operator">,</span>
               <span class="operator">&amp;</span>BirthdayParty<span class="operator">::</span>guest<span class="operator">,</span>
               <span class="operator">&amp;</span>BirthdayParty<span class="operator">::</span>clearGuests);
  }

  <span class="type">void</span> BirthdayParty<span class="operator">::</span>appendGuest(Person<span class="operator">*</span> p) {
      m_guests<span class="operator">.</span>append(p);
  }

  <span class="type">int</span> BirthdayParty<span class="operator">::</span>guestCount() <span class="keyword">const</span>
  {
      <span class="keyword">return</span> m_guests<span class="operator">.</span>count();
  }

  Person <span class="operator">*</span>BirthdayParty<span class="operator">::</span>guest(<span class="type">int</span> index) <span class="keyword">const</span>
  {
      <span class="keyword">return</span> m_guests<span class="operator">.</span>at(index);
  }

  <span class="type">void</span> BirthdayParty<span class="operator">::</span>clearGuests() {
      m_guests<span class="operator">.</span>clear();
  }

</pre>
<a name="running-the-example"></a>
<h2 id="running-the-example">Running the Example</h2>
<p>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.</p>
<p>Files:</p>
<ul>
<li><a href="qtqml-referenceexamples-properties-birthdayparty-cpp.html">referenceexamples/properties/birthdayparty.cpp</a></li>
<li><a href="qtqml-referenceexamples-properties-birthdayparty-h.html">referenceexamples/properties/birthdayparty.h</a></li>
<li><a href="qtqml-referenceexamples-properties-example-qml.html">referenceexamples/properties/example.qml</a></li>
<li><a href="qtqml-referenceexamples-properties-main-cpp.html">referenceexamples/properties/main.cpp</a></li>
<li><a href="qtqml-referenceexamples-properties-person-cpp.html">referenceexamples/properties/person.cpp</a></li>
<li><a href="qtqml-referenceexamples-properties-person-h.html">referenceexamples/properties/person.h</a></li>
<li><a href="qtqml-referenceexamples-properties-properties-pro.html">referenceexamples/properties/properties.pro</a></li>
<li><a href="qtqml-referenceexamples-properties-properties-qrc.html">referenceexamples/properties/properties.qrc</a></li>
</ul>
</div>
<!-- @@@referenceexamples/properties -->
        </div>
       </div>
   </div>
   </div>
</div>
<div class="footer">
   <p>
   <acronym title="Copyright">&copy;</acronym> 2019 The Qt Company Ltd.
   Documentation contributions included herein are the copyrights of
   their respective owners.<br/>    The documentation provided herein is licensed under the terms of the    <a href="http://www.gnu.org/licenses/fdl.html">GNU Free Documentation    License version 1.3</a> as published by the Free Software Foundation.<br/>    Qt and respective logos are trademarks of The Qt Company Ltd.     in Finland and/or other countries worldwide. All other trademarks are property
   of their respective owners. </p>
</div>
</body>
</html>