/usr/share/qt5/doc/qtquickcontrols2/qtquickcontrols2-buttons.html is in qtquickcontrols2-5-doc-html 5.7.1-1.
This file is owned by root:root, with mode 0o644.
The actual contents of the file can be viewed below.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 | <?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- qtquickcontrols2-buttons.qdoc -->
<title>Button Controls | Qt Quick Controls 2 5.7</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.7</td><td ><a href="qtquickcontrols2-index.html">Qt Quick Controls 2</a></td><td >Button Controls</td></tr></table><table class="buildversion"><tr>
<td id="buildversion" width="100%" align="right">Qt 5.7.1 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="#button-control">Button Control</a></li>
<li class="level1"><a href="#checkbox-control">CheckBox Control</a></li>
<li class="level1"><a href="#radiobutton-control">RadioButton Control</a></li>
<li class="level1"><a href="#switch-control">Switch Control</a></li>
<li class="level1"><a href="#toolbutton-control">ToolButton Control</a></li>
<li class="level1"><a href="#related-information">Related Information</a></li>
</ul>
</div>
<div class="sidebar-content" id="sidebar-content"></div></div>
<h1 class="title">Button Controls</h1>
<span class="subtitle"></span>
<!-- $$$qtquickcontrols2-buttons.html-description -->
<div class="descr"> <a name="details"></a>
<p>Qt Quick Controls 2 offers a selection of button-like controls.</p>
<div class="table"><table class="annotated">
<tr class="odd topAlign"><td class="tblName"><p><a href="qml-qtquick-controls2-abstractbutton.html">AbstractButton</a></p></td><td class="tblDescr"><p>Base type of all button controls</p></td></tr>
<tr class="even topAlign"><td class="tblName"><p><a href="qml-qtquick-controls2-button.html">Button</a></p></td><td class="tblDescr"><p>A push-button control that can be clicked by the user</p></td></tr>
<tr class="odd topAlign"><td class="tblName"><p><a href="qml-qtquick-controls2-checkbox.html">CheckBox</a></p></td><td class="tblDescr"><p>An option button that can be checked or unchecked</p></td></tr>
<tr class="even topAlign"><td class="tblName"><p><a href="qml-qtquick-controls2-radiobutton.html">RadioButton</a></p></td><td class="tblDescr"><p>An option button that can be toggled on or off</p></td></tr>
<tr class="odd topAlign"><td class="tblName"><p><a href="qml-qtquick-controls2-switch.html">Switch</a></p></td><td class="tblDescr"><p>An option button that can be toggled on or off</p></td></tr>
<tr class="even topAlign"><td class="tblName"><p><a href="qml-qtquick-controls2-toolbutton.html">ToolButton</a></p></td><td class="tblDescr"><p>A button with a layout suitable for a ToolBar</p></td></tr>
</table></div>
<p>Each type of button has its own specific use case. The following sections offer guidelines for choosing the appropriate type of button, depending on the use case.</p>
<a name="button-control"></a>
<h2 id="button-control">Button Control</h2>
<p><a href="qml-qtquick-controls2-button.html">Button</a> is a clickable control that starts an action, or opens or closes a popup. A button usually has a text label but it can also contain an icon.</p>
<p>Button is a very suitable control when a popup or dialog needs to perform an action. The most common examples are Apply, Cancel, Save, Close and Help.</p>
<p class="centerAlign"><img src="images/qtquickcontrols2-button.gif" alt="" /></p><p>Recommendations:</p>
<ul>
<li>The button's text should be a verb describing the action, or a noun matching the title of the popup that will be opened.</li>
<li>Don't use a button to set state. <a href="qml-qtquick-controls2-switch.html">Switch</a> is more suitable for that.</li>
<li>Use the default font unless you have UI guidelines specifying otherwise.</li>
<li>If the text is localized, consider the influence of a longer text on the layout.</li>
</ul>
<p><b>See also</b> <a href="qml-qtquick-controls2-button.html">Button</a> and <a href="qml-qtquick-controls2-abstractbutton.html">AbstractButton</a></p>
<a name="checkbox-control"></a>
<h2 id="checkbox-control">CheckBox Control</h2>
<p class="centerAlign"><img src="images/qtquickcontrols2-checkbox.png" alt="" /></p><p><a href="qml-qtquick-controls2-checkbox.html">CheckBox</a> is used to build multi-selection option lists. Any number of options can be selected, including none, but the options should not be mutually exclusive.</p>
<p>Use a single <a href="qml-qtquick-controls2-checkbox.html">CheckBox</a> for a yes/no choice, such as when you have to accept the terms of service agreement in a form.</p>
<p>For a single yes/no choice, it is also possible to use a switch. If the choice concerns an option, it is best to use a <a href="qml-qtquick-controls2-checkbox.html">CheckBox</a>. If it concerns action to be taken, a switch is recommended.</p>
<p>When options can be grouped, you can use a partially checked <a href="qml-qtquick-controls2-checkbox.html">CheckBox</a> to represent the whole group. Use the checkbox's indeterminate state when a user selects some, but not all, sub-items in the group.</p>
<p>The three availables statuses are: checked, unchecked and disabled. "Disabled" is useful when the user should not be able to check or uncheck a checkbox.</p>
<p>The checkable options are often listed vertically.</p>
<p>Recommendations:</p>
<ul>
<li>The checkbox label should be a statement that the check mark makes true, and that the absence of a check mark makes false.</li>
<li>The checkbox label should not contain a negative statement.</li>
<li>Use the default font, unless you have UI guidelines specifying otherwise.</li>
<li>If the text is localized, consider the influence of a longer text on the layout.</li>
</ul>
<p><b>See also</b> <a href="qml-qtquick-controls2-checkbox.html">CheckBox</a></p>
<a name="radiobutton-control"></a>
<h2 id="radiobutton-control">RadioButton Control</h2>
<p class="centerAlign"><img src="images/qtquickcontrols2-radiobutton.png" alt="" /></p><p><a href="qml-qtquick-controls2-radiobutton.html">RadioButton</a> is used to select only one option from a set of options. Selecting one option automatically deselects the one selected before.</p>
<p>The set of options should not be too large, otherwise it starts taking too much space on the screen. In that case it would be more practical to use a <a href="qml-qtquick-controls2-combobox.html">ComboBox</a>.</p>
<p>If there are only two mutually exclusive options, combine them into a single checkbox or a switch.</p>
<p>Recommendations:</p>
<ul>
<li>Limit the label text to one line.</li>
<li>Ensure that a sensible default option is checked.</li>
<li>List <a href="qml-qtquick-controls2-radiobutton.html">RadioButton</a> options vertically.</li>
<li>If the text is localized, consider the influence of a longer text on the layout.</li>
<li>Use the default font, unless you have UI guidelines that specify otherwise.</li>
<li>Just like with <a href="qml-qtquick-controls2-checkbox.html">CheckBox</a>, do not make the list too large.</li>
<li>In order to avoid confusion, do not put two groups of radio buttons next to each other.</li>
</ul>
<p><b>See also</b> <a href="qml-qtquick-controls2-radiobutton.html">RadioButton</a></p>
<a name="switch-control"></a>
<h2 id="switch-control">Switch Control</h2>
<p class="centerAlign"><img src="images/qtquickcontrols2-switch.png" alt="" /></p><p><a href="qml-qtquick-controls2-switch.html">Switch</a> represents a physical switch that allows users to choose between an "on" or "off" state. Use a switch for binary operations that take effect immediately after it has been switched on. For example, a switch to turn WIFI on or off.</p>
<p>Recommendations:</p>
<ul>
<li>Keep labels short and concise.</li>
<li>If the text is localized, consider the influence of a longer text on the layout.</li>
</ul>
<p><b>See also</b> <a href="qml-qtquick-controls2-switch.html">Switch</a></p>
<a name="toolbutton-control"></a>
<h2 id="toolbutton-control">ToolButton Control</h2>
<p class="centerAlign"><img src="images/qtquickcontrols2-toolbutton.png" alt="" /></p><p><a href="qml-qtquick-controls2-toolbutton.html">ToolButton</a> is nearly identical to <a href="qml-qtquick-controls2-button.html">Button</a>, but it has a graphical appearance that makes it more suitable for insertion into a <a href="qml-qtquick-controls2-toolbar.html">ToolBar</a>.</p>
<p><b>See also</b> <a href="qml-qtquick-controls2-toolbutton.html">ToolButton</a></p>
<a name="related-information"></a>
<h2 id="related-information">Related Information</h2>
<ul>
<li><a href="qtquickcontrols2-guidelines.html">Qt Quick Controls 2 Guidelines</a></li>
</ul>
</div>
<!-- @@@qtquickcontrols2-buttons.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>
|