<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!-- qtwidgets-examples.qdoc --> <title>Graphics View Examples | 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 >Graphics View Examples</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="sidebar-content" id="sidebar-content"></div></div> <h1 class="title">Graphics View Examples</h1> <span class="subtitle"></span> <!-- $$$examples-graphicsview.html-description --> <div class="descr"> <a name="details"></a> <p class="centerAlign"><img src="images/graphicsview-examples.png" alt="" /></p><p>Qt provides powerful graphics engine that supports easy visualization of items, with support for rotation and zooming. Additionally it provides an event propagation architecture for interaction.</p> <p>These examples demonstrate the fundamental aspects of canvas programming with Qt.</p> <div class="table"><table class="annotated"> <tr class="odd topAlign"><td class="tblName"><p><a href="qtwidgets-graphicsview-chip-example.html">40000 Chips</a></p></td><td class="tblDescr"><p>Visualizes a huge graphic view scene with 40000 chip items.</p></td></tr> <tr class="even topAlign"><td class="tblName"><p><a href="qtwidgets-graphicsview-boxes-example.html">Boxes</a></p></td><td class="tblDescr"><p>Combines advanced OpenGL rendering with the Graphics View framework.</p></td></tr> <tr class="odd topAlign"><td class="tblName"><p><a href="qtwidgets-graphicsview-collidingmice-example.html">Colliding Mice Example</a></p></td><td class="tblDescr"><p>Demonstrates how to animate items on a graphics view.</p></td></tr> <tr class="even topAlign"><td class="tblName"><p><a href="qtwidgets-graphicsview-diagramscene-example.html">Diagram Scene Example</a></p></td><td class="tblDescr"><p>Demonstrate how to use the Graphics View framework.</p></td></tr> <tr class="odd topAlign"><td class="tblName"><p><a href="qtwidgets-graphicsview-dragdroprobot-example.html">Drag and Drop Robot Example</a></p></td><td class="tblDescr"><p>Demonstrates how to drag and drop items in a graphics view.</p></td></tr> <tr class="even topAlign"><td class="tblName"><p><a href="qtwidgets-graphicsview-elasticnodes-example.html">Elastic Nodes Example</a></p></td><td class="tblDescr"><p>Demonstrates how to interact with graphical items in a scene.</p></td></tr> <tr class="odd topAlign"><td class="tblName"><p><a href="qtwidgets-graphicsview-padnavigator-example.html">Pad Navigator Example</a></p></td><td class="tblDescr"><p>Demonstrates how to create animated user interface.</p></td></tr> </table></div> <p>These examples show the use of graphics widgets and layouts.</p> <div class="table"><table class="annotated"> <tr class="odd topAlign"><td class="tblName"><p><a href="qtwidgets-graphicsview-anchorlayout-example.html">Anchor Layout Example</a></p></td><td class="tblDescr"><p>Demonstrates anchor layout in a graphics view scene.</p></td></tr> <tr class="even topAlign"><td class="tblName"><p><a href="qtwidgets-graphicsview-basicgraphicslayouts-example.html">Basic Graphics Layouts Example</a></p></td><td class="tblDescr"><p>Demonstrates how to create basic graphics layout.</p></td></tr> <tr class="odd topAlign"><td class="tblName"><p><a href="qtwidgets-graphicsview-embeddeddialogs-example.html">Embedded Dialogs</a></p></td><td class="tblDescr"><p>Demonstrates how to embed dialogs into a graphics view.</p></td></tr> <tr class="even topAlign"><td class="tblName"><p><a href="qtwidgets-graphicsview-flowlayout-example.html">Graphics View Flow Layout Example</a></p></td><td class="tblDescr"><p>Demonstrates flow layout on a graphics view scene.</p></td></tr> <tr class="odd topAlign"><td class="tblName"><p><a href="qtwidgets-graphicsview-simpleanchorlayout-example.html">Simple Anchor Layout Example</a></p></td><td class="tblDescr"><p>Demonstrates anchor layout on a graphics view scene.</p></td></tr> <tr class="even topAlign"><td class="tblName"><p><a href="qtwidgets-graphicsview-weatheranchorlayout-example.html">Weather Anchor Layout Example</a></p></td><td class="tblDescr"><p>Demonstrates anchor layout on a graphics view scene.</p></td></tr> </table></div> <p>Some examples demonstrate the use of graphics effects with canvas items.</p> <div class="table"><table class="annotated"> <tr class="odd topAlign"><td class="tblName"><p><a href="qtwidgets-effects-blurpicker-example.html">Blur Picker Effect Example</a></p></td><td class="tblDescr"><p>Demonstrates how to apply graphical effects on items in the view.</p></td></tr> <tr class="even topAlign"><td class="tblName"><p><a href="qtwidgets-effects-fademessage-example.html">Fade Message Effect Example</a></p></td><td class="tblDescr"><p>Demonstrates how to apply effects on items in the view.</p></td></tr> </table></div> </div> <!-- @@@examples-graphicsview.html --> </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>