<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!-- graphicsview-anchorlayout.qdoc --> <title>Anchor Layout Example | Qt Widgets 5.11</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 ><a href="../qtdoc/index.html">Qt 5.11</a></td><td ><a href="qtwidgets-index.html">Qt Widgets</a></td><td >Anchor Layout Example</td></tr></table><table class="buildversion"><tr> <td id="buildversion" width="100%" align="right">Qt 5.11.2 Reference Documentation</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="#creating-a-qgraphicsscene">Creating a QGraphicsScene</a></li> <li class="level1"><a href="#creating-widgets">Creating Widgets</a></li> <li class="level1"><a href="#creating-a-layout">Creating a Layout</a></li> <li class="level1"><a href="#creating-a-qgraphicswidget">Creating a QGraphicsWidget</a></li> <li class="level1"><a href="#adding-anchors">Adding Anchors</a></li> <li class="level1"><a href="#viewing-the-scene-with-qgraphicsview">Viewing the Scene with QGraphicsView</a></li> </ul> </div> <div class="sidebar-content" id="sidebar-content"></div></div> <h1 class="title">Anchor Layout Example</h1> <span class="subtitle"></span> <!-- $$$graphicsview/anchorlayout-brief --> <p>Demonstrates anchor layout in a graphics view scene.</p> <!-- @@@graphicsview/anchorlayout --> <!-- $$$graphicsview/anchorlayout-description --> <div class="descr"> <a name="details"></a> <p>The Anchor Layout example demonstrates the use of the <a href="qgraphicsanchorlayout.html">QGraphicsAnchorLayout</a> class.</p> <p class="centerAlign"><img src="images/graphicsanchorlayout-example.png" alt="" /></p><p>The basic steps of this example are:</p> <ul> <li>Create a <a href="qgraphicsscene.html">QGraphicsScene</a></li> <li>Create widgets</li> <li>Create a <a href="qgraphicsanchorlayout.html">QGraphicsAnchorLayout</a></li> <li>Create a <a href="graphicsview.html#qgraphicswidget">QGraphicsWidget</a></li> <li>Add vertical and horizontal anchors between the widgets</li> <li>View the scene with a <a href="qgraphicsview.html">QGraphicsView</a> object</li> </ul> <a name="creating-a-qgraphicsscene"></a> <h2 id="creating-a-qgraphicsscene">Creating a QGraphicsScene</h2> <pre class="cpp"> <span class="type"><a href="qgraphicsscene.html">QGraphicsScene</a></span> scene; scene<span class="operator">.</span>setSceneRect(<span class="number">0</span><span class="operator">,</span> <span class="number">0</span><span class="operator">,</span> <span class="number">800</span><span class="operator">,</span> <span class="number">480</span>); </pre> <a name="creating-widgets"></a> <h2 id="creating-widgets">Creating Widgets</h2> <pre class="cpp"> <span class="type"><a href="qgraphicsproxywidget.html">QGraphicsProxyWidget</a></span> <span class="operator">*</span>a <span class="operator">=</span> createItem(minSize<span class="operator">,</span> prefSize<span class="operator">,</span> maxSize<span class="operator">,</span> <span class="string">"A"</span>); <span class="type"><a href="qgraphicsproxywidget.html">QGraphicsProxyWidget</a></span> <span class="operator">*</span>b <span class="operator">=</span> createItem(minSize<span class="operator">,</span> prefSize<span class="operator">,</span> maxSize<span class="operator">,</span> <span class="string">"B"</span>); <span class="type"><a href="qgraphicsproxywidget.html">QGraphicsProxyWidget</a></span> <span class="operator">*</span>c <span class="operator">=</span> createItem(minSize<span class="operator">,</span> prefSize<span class="operator">,</span> maxSize<span class="operator">,</span> <span class="string">"C"</span>); <span class="type"><a href="qgraphicsproxywidget.html">QGraphicsProxyWidget</a></span> <span class="operator">*</span>d <span class="operator">=</span> createItem(minSize<span class="operator">,</span> prefSize<span class="operator">,</span> maxSize<span class="operator">,</span> <span class="string">"D"</span>); <span class="type"><a href="qgraphicsproxywidget.html">QGraphicsProxyWidget</a></span> <span class="operator">*</span>e <span class="operator">=</span> createItem(minSize<span class="operator">,</span> prefSize<span class="operator">,</span> maxSize<span class="operator">,</span> <span class="string">"E"</span>); <span class="type"><a href="qgraphicsproxywidget.html">QGraphicsProxyWidget</a></span> <span class="operator">*</span>f <span class="operator">=</span> createItem(<span class="type"><a href="../qtcore/qsizef.html">QSizeF</a></span>(<span class="number">30</span><span class="operator">,</span> <span class="number">50</span>)<span class="operator">,</span> <span class="type"><a href="../qtcore/qsizef.html">QSizeF</a></span>(<span class="number">150</span><span class="operator">,</span> <span class="number">50</span>)<span class="operator">,</span> maxSize<span class="operator">,</span> <span class="string">"F (overflow)"</span>); <span class="type"><a href="qgraphicsproxywidget.html">QGraphicsProxyWidget</a></span> <span class="operator">*</span>g <span class="operator">=</span> createItem(<span class="type"><a href="../qtcore/qsizef.html">QSizeF</a></span>(<span class="number">30</span><span class="operator">,</span> <span class="number">50</span>)<span class="operator">,</span> <span class="type"><a href="../qtcore/qsizef.html">QSizeF</a></span>(<span class="number">30</span><span class="operator">,</span> <span class="number">100</span>)<span class="operator">,</span> maxSize<span class="operator">,</span> <span class="string">"G (overflow)"</span>); </pre> <a name="creating-a-layout"></a> <h2 id="creating-a-layout">Creating a Layout</h2> <pre class="cpp"> <span class="type"><a href="qgraphicsanchorlayout.html">QGraphicsAnchorLayout</a></span> <span class="operator">*</span>l <span class="operator">=</span> <span class="keyword">new</span> <span class="type"><a href="qgraphicsanchorlayout.html">QGraphicsAnchorLayout</a></span>; l<span class="operator">-</span><span class="operator">></span>setSpacing(<span class="number">0</span>); </pre> <a name="creating-a-qgraphicswidget"></a> <h2 id="creating-a-qgraphicswidget">Creating a QGraphicsWidget</h2> <pre class="cpp"> <span class="type"><a href="qgraphicswidget.html">QGraphicsWidget</a></span> <span class="operator">*</span>w <span class="operator">=</span> <span class="keyword">new</span> <span class="type"><a href="qgraphicswidget.html">QGraphicsWidget</a></span>(<span class="number">0</span><span class="operator">,</span> <span class="type"><a href="../qtcore/qt.html">Qt</a></span><span class="operator">::</span>Window); w<span class="operator">-</span><span class="operator">></span>setPos(<span class="number">20</span><span class="operator">,</span> <span class="number">20</span>); w<span class="operator">-</span><span class="operator">></span>setLayout(l); </pre> <a name="adding-anchors"></a> <h2 id="adding-anchors">Adding Anchors</h2> <pre class="cpp"> <span class="comment">// vertical</span> l<span class="operator">-</span><span class="operator">></span>addAnchor(a<span class="operator">,</span> <span class="type"><a href="../qtcore/qt.html">Qt</a></span><span class="operator">::</span>AnchorTop<span class="operator">,</span> l<span class="operator">,</span> <span class="type"><a href="../qtcore/qt.html">Qt</a></span><span class="operator">::</span>AnchorTop); l<span class="operator">-</span><span class="operator">></span>addAnchor(b<span class="operator">,</span> <span class="type"><a href="../qtcore/qt.html">Qt</a></span><span class="operator">::</span>AnchorTop<span class="operator">,</span> l<span class="operator">,</span> <span class="type"><a href="../qtcore/qt.html">Qt</a></span><span class="operator">::</span>AnchorTop); l<span class="operator">-</span><span class="operator">></span>addAnchor(c<span class="operator">,</span> <span class="type"><a href="../qtcore/qt.html">Qt</a></span><span class="operator">::</span>AnchorTop<span class="operator">,</span> a<span class="operator">,</span> <span class="type"><a href="../qtcore/qt.html">Qt</a></span><span class="operator">::</span>AnchorBottom); l<span class="operator">-</span><span class="operator">></span>addAnchor(c<span class="operator">,</span> <span class="type"><a href="../qtcore/qt.html">Qt</a></span><span class="operator">::</span>AnchorTop<span class="operator">,</span> b<span class="operator">,</span> <span class="type"><a href="../qtcore/qt.html">Qt</a></span><span class="operator">::</span>AnchorBottom); l<span class="operator">-</span><span class="operator">></span>addAnchor(c<span class="operator">,</span> <span class="type"><a href="../qtcore/qt.html">Qt</a></span><span class="operator">::</span>AnchorBottom<span class="operator">,</span> d<span class="operator">,</span> <span class="type"><a href="../qtcore/qt.html">Qt</a></span><span class="operator">::</span>AnchorTop); l<span class="operator">-</span><span class="operator">></span>addAnchor(c<span class="operator">,</span> <span class="type"><a href="../qtcore/qt.html">Qt</a></span><span class="operator">::</span>AnchorBottom<span class="operator">,</span> e<span class="operator">,</span> <span class="type"><a href="../qtcore/qt.html">Qt</a></span><span class="operator">::</span>AnchorTop); l<span class="operator">-</span><span class="operator">></span>addAnchor(d<span class="operator">,</span> <span class="type"><a href="../qtcore/qt.html">Qt</a></span><span class="operator">::</span>AnchorBottom<span class="operator">,</span> l<span class="operator">,</span> <span class="type"><a href="../qtcore/qt.html">Qt</a></span><span class="operator">::</span>AnchorBottom); l<span class="operator">-</span><span class="operator">></span>addAnchor(e<span class="operator">,</span> <span class="type"><a href="../qtcore/qt.html">Qt</a></span><span class="operator">::</span>AnchorBottom<span class="operator">,</span> l<span class="operator">,</span> <span class="type"><a href="../qtcore/qt.html">Qt</a></span><span class="operator">::</span>AnchorBottom); l<span class="operator">-</span><span class="operator">></span>addAnchor(c<span class="operator">,</span> <span class="type"><a href="../qtcore/qt.html">Qt</a></span><span class="operator">::</span>AnchorTop<span class="operator">,</span> f<span class="operator">,</span> <span class="type"><a href="../qtcore/qt.html">Qt</a></span><span class="operator">::</span>AnchorTop); l<span class="operator">-</span><span class="operator">></span>addAnchor(c<span class="operator">,</span> <span class="type"><a href="../qtcore/qt.html">Qt</a></span><span class="operator">::</span>AnchorVerticalCenter<span class="operator">,</span> f<span class="operator">,</span> <span class="type"><a href="../qtcore/qt.html">Qt</a></span><span class="operator">::</span>AnchorBottom); l<span class="operator">-</span><span class="operator">></span>addAnchor(f<span class="operator">,</span> <span class="type"><a href="../qtcore/qt.html">Qt</a></span><span class="operator">::</span>AnchorBottom<span class="operator">,</span> g<span class="operator">,</span> <span class="type"><a href="../qtcore/qt.html">Qt</a></span><span class="operator">::</span>AnchorTop); l<span class="operator">-</span><span class="operator">></span>addAnchor(c<span class="operator">,</span> <span class="type"><a href="../qtcore/qt.html">Qt</a></span><span class="operator">::</span>AnchorBottom<span class="operator">,</span> g<span class="operator">,</span> <span class="type"><a href="../qtcore/qt.html">Qt</a></span><span class="operator">::</span>AnchorBottom); <span class="comment">// horizontal</span> l<span class="operator">-</span><span class="operator">></span>addAnchor(l<span class="operator">,</span> <span class="type"><a href="../qtcore/qt.html">Qt</a></span><span class="operator">::</span>AnchorLeft<span class="operator">,</span> a<span class="operator">,</span> <span class="type"><a href="../qtcore/qt.html">Qt</a></span><span class="operator">::</span>AnchorLeft); l<span class="operator">-</span><span class="operator">></span>addAnchor(l<span class="operator">,</span> <span class="type"><a href="../qtcore/qt.html">Qt</a></span><span class="operator">::</span>AnchorLeft<span class="operator">,</span> d<span class="operator">,</span> <span class="type"><a href="../qtcore/qt.html">Qt</a></span><span class="operator">::</span>AnchorLeft); l<span class="operator">-</span><span class="operator">></span>addAnchor(a<span class="operator">,</span> <span class="type"><a href="../qtcore/qt.html">Qt</a></span><span class="operator">::</span>AnchorRight<span class="operator">,</span> b<span class="operator">,</span> <span class="type"><a href="../qtcore/qt.html">Qt</a></span><span class="operator">::</span>AnchorLeft); l<span class="operator">-</span><span class="operator">></span>addAnchor(a<span class="operator">,</span> <span class="type"><a href="../qtcore/qt.html">Qt</a></span><span class="operator">::</span>AnchorRight<span class="operator">,</span> c<span class="operator">,</span> <span class="type"><a href="../qtcore/qt.html">Qt</a></span><span class="operator">::</span>AnchorLeft); l<span class="operator">-</span><span class="operator">></span>addAnchor(c<span class="operator">,</span> <span class="type"><a href="../qtcore/qt.html">Qt</a></span><span class="operator">::</span>AnchorRight<span class="operator">,</span> e<span class="operator">,</span> <span class="type"><a href="../qtcore/qt.html">Qt</a></span><span class="operator">::</span>AnchorLeft); l<span class="operator">-</span><span class="operator">></span>addAnchor(b<span class="operator">,</span> <span class="type"><a href="../qtcore/qt.html">Qt</a></span><span class="operator">::</span>AnchorRight<span class="operator">,</span> l<span class="operator">,</span> <span class="type"><a href="../qtcore/qt.html">Qt</a></span><span class="operator">::</span>AnchorRight); l<span class="operator">-</span><span class="operator">></span>addAnchor(e<span class="operator">,</span> <span class="type"><a href="../qtcore/qt.html">Qt</a></span><span class="operator">::</span>AnchorRight<span class="operator">,</span> l<span class="operator">,</span> <span class="type"><a href="../qtcore/qt.html">Qt</a></span><span class="operator">::</span>AnchorRight); l<span class="operator">-</span><span class="operator">></span>addAnchor(d<span class="operator">,</span> <span class="type"><a href="../qtcore/qt.html">Qt</a></span><span class="operator">::</span>AnchorRight<span class="operator">,</span> e<span class="operator">,</span> <span class="type"><a href="../qtcore/qt.html">Qt</a></span><span class="operator">::</span>AnchorLeft); l<span class="operator">-</span><span class="operator">></span>addAnchor(l<span class="operator">,</span> <span class="type"><a href="../qtcore/qt.html">Qt</a></span><span class="operator">::</span>AnchorLeft<span class="operator">,</span> f<span class="operator">,</span> <span class="type"><a href="../qtcore/qt.html">Qt</a></span><span class="operator">::</span>AnchorLeft); l<span class="operator">-</span><span class="operator">></span>addAnchor(l<span class="operator">,</span> <span class="type"><a href="../qtcore/qt.html">Qt</a></span><span class="operator">::</span>AnchorLeft<span class="operator">,</span> g<span class="operator">,</span> <span class="type"><a href="../qtcore/qt.html">Qt</a></span><span class="operator">::</span>AnchorLeft); l<span class="operator">-</span><span class="operator">></span>addAnchor(f<span class="operator">,</span> <span class="type"><a href="../qtcore/qt.html">Qt</a></span><span class="operator">::</span>AnchorRight<span class="operator">,</span> g<span class="operator">,</span> <span class="type"><a href="../qtcore/qt.html">Qt</a></span><span class="operator">::</span>AnchorRight); </pre> <a name="viewing-the-scene-with-qgraphicsview"></a> <h2 id="viewing-the-scene-with-qgraphicsview">Viewing the Scene with QGraphicsView</h2> <pre class="cpp"> scene<span class="operator">.</span>addItem(w); scene<span class="operator">.</span>setBackgroundBrush(<span class="type"><a href="../qtcore/qt.html">Qt</a></span><span class="operator">::</span>darkGreen); <span class="type"><a href="qgraphicsview.html">QGraphicsView</a></span> view(<span class="operator">&</span>scene); view<span class="operator">.</span>show(); </pre> <p>Files:</p> <ul> <li><a href="qtwidgets-graphicsview-anchorlayout-anchorlayout-pro.html">graphicsview/anchorlayout/anchorlayout.pro</a></li> <li><a href="qtwidgets-graphicsview-anchorlayout-main-cpp.html">graphicsview/anchorlayout/main.cpp</a></li> </ul> </div> <p><b>See also </b><a href="qtwidgets-graphicsview-simpleanchorlayout-example.html">Simple Anchor Layout Example</a>.</p> <!-- @@@graphicsview/anchorlayout --> </div> </div> </div> </div> </div> <div class="footer"> <p> <acronym title="Copyright">©</acronym> 2018 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>