<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!-- qtlabscontrols-input.qdoc --> <title>Input Controls | Qt Labs Controls 5.6</title> <link rel="stylesheet" type="text/css" href="style/offline-simple.css" /> <script type="text/javascript"> window.onload = function(){document.getElementsByTagName("link").item(0).setAttribute("href", "style/offline.css");}; </script> </head> <body> <div class="header" id="qtdocheader"> <div class="main"> <div class="main-rounded"> <div class="navigationbar"> <table><tr> <td >Qt 5.6</td><td ><a href="qtlabscontrols-index.html">Qt Labs Controls</a></td><td >Input Controls</td></tr></table><table class="buildversion"><tr> <td id="buildversion" width="100%" align="right">Qt 5.6.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="#combobox-control">ComboBox Control</a></li> <li class="level1"><a href="#dial-control">Dial Control</a></li> <li class="level1"><a href="#textarea-control">TextArea Control</a></li> <li class="level1"><a href="#textfield-control">TextField Control</a></li> <li class="level1"><a href="#slider-control">Slider Control</a></li> <li class="level1"><a href="#rangeslider-control">RangeSlider Control</a></li> <li class="level1"><a href="#tumbler-control">Tumbler Control</a></li> </ul> </div> <div class="sidebar-content" id="sidebar-content"></div></div> <h1 class="title">Input Controls</h1> <span class="subtitle"></span> <!-- $$$qtlabscontrols-input.html-description --> <div class="descr"> <a name="details"></a> <p>Qt Labs Controls offers a variety of input controls for both numeric and textual input.</p> <div class="table"><table class="annotated"> <tr class="odd topAlign"><td class="tblName"><p><a href="qml-qt-labs-controls-combobox.html">ComboBox</a></p></td><td class="tblDescr"><p>A combo box control</p></td></tr> <tr class="even topAlign"><td class="tblName"><p><a href="qml-qt-labs-controls-dial.html">Dial</a></p></td><td class="tblDescr"><p>A circular dial that is rotated to set a value</p></td></tr> <tr class="odd topAlign"><td class="tblName"><p><a href="qml-qt-labs-controls-rangeslider.html">RangeSlider</a></p></td><td class="tblDescr"><p>A slider control used to select a range of values</p></td></tr> <tr class="even topAlign"><td class="tblName"><p><a href="qml-qt-labs-controls-slider.html">Slider</a></p></td><td class="tblDescr"><p>A slider control</p></td></tr> <tr class="odd topAlign"><td class="tblName"><p><a href="qml-qt-labs-controls-textarea.html">TextArea</a></p></td><td class="tblDescr"><p>A multi line text input control</p></td></tr> <tr class="even topAlign"><td class="tblName"><p><a href="qml-qt-labs-controls-textfield.html">TextField</a></p></td><td class="tblDescr"><p>A single line text input control</p></td></tr> <tr class="odd topAlign"><td class="tblName"><p><a href="qml-qt-labs-controls-tumbler.html">Tumbler</a></p></td><td class="tblDescr"><p>A spinnable wheel of items that can be selected</p></td></tr> </table></div> <p>Each type of input control has its own specific target use case. The following sections offer guidelines for choosing the appropriate type of input control, depending on the use case.</p> <a name="combobox-control"></a> <h2 id="combobox-control">ComboBox Control</h2> <p class="centerAlign"><img src="images/qtlabscontrols-combobox.png" alt="" /></p><p><a href="qml-qt-labs-controls-combobox.html">ComboBox</a> is used to select a value from a drop-down list.</p> <a name="dial-control"></a> <h2 id="dial-control">Dial Control</h2> <p class="centerAlign"><img src="images/qtlabscontrols-dial.png" alt="" /></p><p><a href="qml-qt-labs-controls-dial.html">Dial</a> is a circular dial that is rotated to set a value.</p> <a name="textarea-control"></a> <h2 id="textarea-control">TextArea Control</h2> <p class="centerAlign"><img src="images/qtlabscontrols-textarea.png" alt="" /></p><p><a href="qml-qt-labs-controls-textarea.html">TextArea</a> is a multi-line text editor.</p> <a name="textfield-control"></a> <h2 id="textfield-control">TextField Control</h2> <p class="centerAlign"><img src="images/qtlabscontrols-textfield.png" alt="" /></p><p><a href="qml-qt-labs-controls-textfield.html">TextField</a> is a single line text editor.</p> <a name="slider-control"></a> <h2 id="slider-control">Slider Control</h2> <p class="centerAlign"><img src="images/qtlabscontrols-slider.png" alt="" /></p><p><a href="qml-qt-labs-controls-slider.html">Slider</a> is used to select a value by sliding a handle along a track.</p> <a name="rangeslider-control"></a> <h2 id="rangeslider-control">RangeSlider Control</h2> <p class="centerAlign"><img src="images/qtlabscontrols-rangeslider.png" alt="" /></p><p><a href="qml-qt-labs-controls-rangeslider.html">RangeSlider</a> is used to select a range specified by two values, by sliding each handle along a track.</p> <a name="tumbler-control"></a> <h2 id="tumbler-control">Tumbler Control</h2> <p class="centerAlign"><img src="images/qtlabscontrols-tumbler.png" alt="" /></p><p><a href="qml-qt-labs-controls-tumbler.html">Tumbler</a> is a spinnable wheel of items that can be selected.</p> </div> <!-- @@@qtlabscontrols-input.html --> </div> </div> </div> </div> </div> <div class="footer"> <p> <acronym title="Copyright">©</acronym> 2016 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>