Sophie

Sophie

distrib > Mageia > 7 > armv7hl > media > core-updates > by-pkgid > d5e62c01ae8d1e579463c6a871dd44bf > files > 4209

qtbase5-doc-5.12.6-2.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" />
<!-- stickman.qdoc -->
  <title>Stickman Example | Qt Widgets 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="qtwidgets-index.html">Qt Widgets</a></td><td >Stickman Example</td></tr></table><table class="buildversion"><tr>
<td id="buildversion" width="100%" align="right"><a href="qtwidgets-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="sidebar-content" id="sidebar-content"></div></div>
<h1 class="title">Stickman Example</h1>
<span class="subtitle"></span>
<!-- $$$animation/stickman-brief -->
<p>The Stickman example shows how to animate transitions in a state machine to implement key frame animations.</p>
<!-- @@@animation/stickman -->
<!-- $$$animation/stickman-description -->
<div class="descr"> <a name="details"></a>
<p class="centerAlign"><img src="images/stickman-example.png" alt="" /></p><p>In this example, we will write a small application which animates the joints in a skeleton and projects a stickman figure on top. The stickman can be either &quot;alive&quot; or &quot;dead&quot;, and when in the &quot;alive&quot; state, he can be performing different actions defined by key frame animations.</p>
<p>Animations are implemented as composite states. Each child state of the animation state represents a frame in the animation by setting the position of each joint in the stickman's skeleton to the positions defined for the particular frame. The frames are then bound together with animated transitions that trigger on the source state's propertiesAssigned() signal. Thus, the machine will enter the state representing the next frame in the animation immediately after it has finished animating into the previous frame.</p>
<p class="centerAlign"><img src="images/stickman-example1.png" alt="" /></p><p>The states for an animation is constructed by reading a custom animation file format and creating states that assign values to the &quot;position&quot; properties of each of the nodes in the skeleton graph.</p>
<pre class="cpp">

          <span class="type"><a href="../qtcore/qstate.html">QState</a></span> <span class="operator">*</span>frameState <span class="operator">=</span> <span class="keyword">new</span> <span class="type"><a href="../qtcore/qstate.html">QState</a></span>(topLevel);
          <span class="keyword">const</span> <span class="type">int</span> nodeCount <span class="operator">=</span> animation<span class="operator">.</span>nodeCount();
          <span class="keyword">for</span> (<span class="type">int</span> j<span class="operator">=</span><span class="number">0</span>; j<span class="operator">&lt;</span>nodeCount; <span class="operator">+</span><span class="operator">+</span>j)
              frameState<span class="operator">-</span><span class="operator">&gt;</span>assignProperty(m_stickMan<span class="operator">-</span><span class="operator">&gt;</span>node(j)<span class="operator">,</span> <span class="string">&quot;pos&quot;</span><span class="operator">,</span> animation<span class="operator">.</span>nodePos(j));

</pre>
<p>The states are then bound together with signal transitions that listen to the propertiesAssigned() signal.</p>
<pre class="cpp">

              previousState<span class="operator">-</span><span class="operator">&gt;</span>addTransition(previousState<span class="operator">,</span> SIGNAL(propertiesAssigned())<span class="operator">,</span> frameState);

</pre>
<p>The last frame state is given a transition to the first one, so that the animation will loop until it is interrupted when a transition out from the animation state is taken. To get smooth animations between the different key frames, we set a default animation on the state machine. This is a parallel animation group which contains animations for all the &quot;position&quot; properties and will be selected by default when taking any transition that leads into a state that assigns values to these properties.</p>
<pre class="cpp">

      m_machine <span class="operator">=</span> <span class="keyword">new</span> <span class="type"><a href="../qtcore/qstatemachine.html">QStateMachine</a></span>();
      m_machine<span class="operator">-</span><span class="operator">&gt;</span>addDefaultAnimation(m_animationGroup);

</pre>
<p>Several such animation states are constructed, and are placed together as children of a top level &quot;alive&quot; state which represents the stickman life cycle. Transitions go from the parent state to the child state to ensure that each of the child states inherit them.</p>
<p class="centerAlign"><img src="images/stickman-example2.png" alt="" /></p><p>This saves us the effort of connect every state to every state with identical transitions. The state machine makes sure that transitions between the key frame animations are also smooth by applying the default animation when interrupting one and starting another.</p>
<p>Finally, there is a transition out from the &quot;alive&quot; state and into the &quot;dead&quot; state. This is a custom transition type called LightningSrikesTransition which samples every second and triggers at random (one out of fifty times on average.)</p>
<pre class="cpp">

  <span class="keyword">class</span> LightningStrikesTransition: <span class="keyword">public</span> <span class="type"><a href="../qtcore/qeventtransition.html">QEventTransition</a></span>
  {
  <span class="keyword">public</span>:
      LightningStrikesTransition(<span class="type"><a href="../qtcore/qabstractstate.html">QAbstractState</a></span> <span class="operator">*</span>target)
          : <span class="type"><a href="../qtcore/qeventtransition.html">QEventTransition</a></span>(<span class="keyword">this</span><span class="operator">,</span> <span class="type"><a href="../qtcore/qevent.html">QEvent</a></span><span class="operator">::</span>Timer)
      {
          setTargetState(target);
          startTimer(<span class="number">1000</span>);
      }

      bool eventTest(<span class="type"><a href="../qtcore/qevent.html">QEvent</a></span> <span class="operator">*</span>e) override
      {
          <span class="keyword">return</span> <span class="type"><a href="../qtcore/qeventtransition.html">QEventTransition</a></span><span class="operator">::</span>eventTest(e) <span class="operator">&amp;</span><span class="operator">&amp;</span> <span class="type"><a href="../qtcore/qrandomgenerator.html">QRandomGenerator</a></span><span class="operator">::</span>global()<span class="operator">-</span><span class="operator">&gt;</span>bounded(<span class="number">50</span>) <span class="operator">=</span><span class="operator">=</span> <span class="number">0</span>;
      }
  };

</pre>
<p>When it triggers, the machine will first enter a &quot;lightningBlink&quot; state which uses a timer to pause for a brief period of time while the background color of the scene is white. This gives us a flash effect when the lightning strikes.</p>
<pre class="cpp">

      <span class="type"><a href="../qtcore/qtimer.html">QTimer</a></span> <span class="operator">*</span>timer <span class="operator">=</span> <span class="keyword">new</span> <span class="type"><a href="../qtcore/qtimer.html">QTimer</a></span>(lightningBlink);
      timer<span class="operator">-</span><span class="operator">&gt;</span>setSingleShot(<span class="keyword">true</span>);
      timer<span class="operator">-</span><span class="operator">&gt;</span>setInterval(<span class="number">100</span>);
      <span class="type"><a href="../qtcore/qobject.html">QObject</a></span><span class="operator">::</span>connect(lightningBlink<span class="operator">,</span> SIGNAL(entered())<span class="operator">,</span> timer<span class="operator">,</span> SLOT(start()));
      <span class="type"><a href="../qtcore/qobject.html">QObject</a></span><span class="operator">::</span>connect(lightningBlink<span class="operator">,</span> SIGNAL(exited())<span class="operator">,</span> timer<span class="operator">,</span> SLOT(stop()));

</pre>
<p>We start and stop a <a href="../qtcore/qtimer.html">QTimer</a> object when entering and exiting the state. Then we transition into the &quot;dead&quot; state when the timer times out.</p>
<pre class="cpp">

      lightningBlink<span class="operator">-</span><span class="operator">&gt;</span>addTransition(timer<span class="operator">,</span> SIGNAL(timeout())<span class="operator">,</span> m_dead);

</pre>
<p>When the machine is in the &quot;dead&quot; state, it will be unresponsive. This is because the &quot;dead&quot; state has no transitions leading out.</p>
<p class="centerAlign"><img src="images/stickman-example3.png" alt="" /></p><p>Files:</p>
<ul>
<li><a href="qtwidgets-animation-stickman-animation-cpp.html">animation/stickman/animation.cpp</a></li>
<li><a href="qtwidgets-animation-stickman-animation-h.html">animation/stickman/animation.h</a></li>
<li><a href="qtwidgets-animation-stickman-graphicsview-cpp.html">animation/stickman/graphicsview.cpp</a></li>
<li><a href="qtwidgets-animation-stickman-graphicsview-h.html">animation/stickman/graphicsview.h</a></li>
<li><a href="qtwidgets-animation-stickman-lifecycle-cpp.html">animation/stickman/lifecycle.cpp</a></li>
<li><a href="qtwidgets-animation-stickman-lifecycle-h.html">animation/stickman/lifecycle.h</a></li>
<li><a href="qtwidgets-animation-stickman-main-cpp.html">animation/stickman/main.cpp</a></li>
<li><a href="qtwidgets-animation-stickman-node-cpp.html">animation/stickman/node.cpp</a></li>
<li><a href="qtwidgets-animation-stickman-node-h.html">animation/stickman/node.h</a></li>
<li><a href="qtwidgets-animation-stickman-rectbutton-cpp.html">animation/stickman/rectbutton.cpp</a></li>
<li><a href="qtwidgets-animation-stickman-rectbutton-h.html">animation/stickman/rectbutton.h</a></li>
<li><a href="qtwidgets-animation-stickman-stickman-cpp.html">animation/stickman/stickman.cpp</a></li>
<li><a href="qtwidgets-animation-stickman-stickman-h.html">animation/stickman/stickman.h</a></li>
<li><a href="qtwidgets-animation-stickman-stickman-pro.html">animation/stickman/stickman.pro</a></li>
<li><a href="qtwidgets-animation-stickman-stickman-qrc.html">animation/stickman/stickman.qrc</a></li>
</ul>
</div>
<!-- @@@animation/stickman -->
        </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>