/usr/share/qt5/doc/qtquickcontrols/qtquickcontrolsstyles-index.html is in qtquickcontrols5-doc-html 5.9.5-0ubuntu1.
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 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 | <?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- qtquickcontrolsstyles-index.qdoc -->
<title>Qt Quick Controls Styles | Qt Quick Controls 5.9</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.9</td><td ><a href="qtquickcontrols-index.html">Qt Quick Controls</a></td><td >Qt Quick Controls Styles</td></tr></table><table class="buildversion"><tr>
<td id="buildversion" width="100%" align="right">Qt 5.9.5 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="#getting-started">Getting started</a></li>
<li class="level1"><a href="#styles">Styles</a></li>
<li class="level2"><a href="#base-style">Base Style</a></li>
<li class="level2"><a href="#flat-style">Flat Style</a></li>
<li class="level2"><a href="#selecting-styles">Selecting Styles</a></li>
<li class="level1"><a href="#styling-views">Styling Views</a></li>
<li class="level1"><a href="#styling-controls">Styling Controls</a></li>
<li class="level1"><a href="#styling-tutorials">Styling Tutorials</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">Qt Quick Controls Styles</h1>
<span class="subtitle"></span>
<!-- $$$qtquickcontrolsstyles-index.html-description -->
<div class="descr"> <a name="details"></a>
<p>The Qt Quick Controls Styles submodule allows custom styling for <a href="qtquickcontrols-index.html">Qt Quick Controls</a>.</p>
<p>The submodule was introduced in Qt 5.1.</p>
<a name="getting-started"></a>
<h2 id="getting-started">Getting started</h2>
<p>The QML types can be imported into your application using the following import statement in your <code>.qml</code> file.</p>
<pre class="cpp">
import <span class="type"><a href="../qtqml/qtquick-qmlmodule.html">QtQuick</a></span><span class="operator">.</span>Controls<span class="operator">.</span>Styles <span class="number">1.4</span>
</pre>
<a name="styles"></a>
<h2 id="styles">Styles</h2>
<a name="base-style"></a>
<h3 >Base Style</h3>
<p>The Base Style is the default style used when none is specified. It is also used as a fallback when the specified style cannot be found.</p>
<p class="centerAlign"><img src="images/tumbler.png" alt="" /></p><p class="figCaption">The Base Style Tumbler.</p>
<a name="flat-style"></a>
<h3 >Flat Style</h3>
<p>The Flat Style is designed for touch devices.</p>
<p class="centerAlign"><img src="images/tumbler-flat-style.png" alt="" /></p><p class="figCaption">The Flat Style Tumbler.</p>
<a name="selecting-styles"></a>
<h3 >Selecting Styles</h3>
<p>You can apply a different style to the controls by setting the <i>QT_QUICK_CONTROLS_1_STYLE</i> environment variable to the name of the style. For example, to use the Flat style, you can do the following:</p>
<pre class="cpp">
QT_QUICK_CONTROLS_1_STYLE<span class="operator">=</span>Flat <span class="operator">.</span><span class="operator">/</span>app
</pre>
<p>This can also be done in C++, using <a href="../qtcore/qtglobal.html#qputenv">qputenv</a>():</p>
<pre class="cpp">
qputenv(<span class="string">"QT_QUICK_CONTROLS_1_STYLE"</span><span class="operator">,</span> <span class="string">"Flat"</span>);
</pre>
<a name="styling-views"></a>
<h2 id="styling-views">Styling Views</h2>
<div class="table"><table class="annotated">
<tr class="odd topAlign"><td class="tblName"><p><a href="qml-qtquick-controls-styles-scrollviewstyle.html">ScrollViewStyle</a></p></td><td class="tblDescr"><p>Provides custom styling for ScrollView</p></td></tr>
<tr class="even topAlign"><td class="tblName"><p><a href="qml-qtquick-controls-styles-tabviewstyle.html">TabViewStyle</a></p></td><td class="tblDescr"><p>Provides custom styling for TabView</p></td></tr>
<tr class="odd topAlign"><td class="tblName"><p><a href="qml-qtquick-controls-styles-tableviewstyle.html">TableViewStyle</a></p></td><td class="tblDescr"><p>Provides custom styling for TableView</p></td></tr>
<tr class="even topAlign"><td class="tblName"><p><a href="qml-qtquick-controls-styles-treeviewstyle.html">TreeViewStyle</a></p></td><td class="tblDescr"><p>Provides custom styling for TreeView</p></td></tr>
</table></div>
<a name="styling-controls"></a>
<h2 id="styling-controls">Styling Controls</h2>
<div class="table"><table class="annotated">
<tr class="odd topAlign"><td class="tblName"><p><a href="qml-qtquick-controls-styles-applicationwindowstyle.html">ApplicationWindowStyle</a></p></td><td class="tblDescr"><p>Provides custom styling for ApplicationWindow</p></td></tr>
<tr class="even topAlign"><td class="tblName"><p><a href="qml-qtquick-controls-styles-busyindicatorstyle.html">BusyIndicatorStyle</a></p></td><td class="tblDescr"><p>Provides custom styling for BusyIndicatorStyle</p></td></tr>
<tr class="odd topAlign"><td class="tblName"><p><a href="qml-qtquick-controls-styles-buttonstyle.html">ButtonStyle</a></p></td><td class="tblDescr"><p>Provides custom styling for Button</p></td></tr>
<tr class="even topAlign"><td class="tblName"><p><a href="qml-qtquick-controls-styles-calendarstyle.html">CalendarStyle</a></p></td><td class="tblDescr"><p>Provides custom styling for Calendar</p></td></tr>
<tr class="odd topAlign"><td class="tblName"><p><a href="qml-qtquick-controls-styles-checkboxstyle.html">CheckBoxStyle</a></p></td><td class="tblDescr"><p>Provides custom styling for CheckBox</p></td></tr>
<tr class="even topAlign"><td class="tblName"><p><a href="qml-qtquick-controls-styles-circulargaugestyle.html">CircularGaugeStyle</a></p></td><td class="tblDescr"><p>Provides custom styling for CircularGauge</p></td></tr>
<tr class="odd topAlign"><td class="tblName"><p><a href="qml-qtquick-controls-styles-comboboxstyle.html">ComboBoxStyle</a></p></td><td class="tblDescr"><p>Provides custom styling for ComboBox</p></td></tr>
<tr class="even topAlign"><td class="tblName"><p><a href="qml-qtquick-controls-styles-delaybuttonstyle.html">DelayButtonStyle</a></p></td><td class="tblDescr"><p>Provides custom styling for DelayButton</p></td></tr>
<tr class="odd topAlign"><td class="tblName"><p><a href="qml-qtquick-controls-styles-dialstyle.html">DialStyle</a></p></td><td class="tblDescr"><p>Provides custom styling for Dial</p></td></tr>
<tr class="even topAlign"><td class="tblName"><p><a href="qml-qtquick-controls-styles-gaugestyle.html">GaugeStyle</a></p></td><td class="tblDescr"><p>Provides custom styling for Gauge</p></td></tr>
<tr class="odd topAlign"><td class="tblName"><p><a href="qml-qtquick-controls-styles-menubarstyle.html">MenuBarStyle</a></p></td><td class="tblDescr"><p>Provides custom styling for MenuBar</p></td></tr>
<tr class="even topAlign"><td class="tblName"><p><a href="qml-qtquick-controls-styles-menustyle.html">MenuStyle</a></p></td><td class="tblDescr"><p>Provides custom styling for Menu</p></td></tr>
<tr class="odd topAlign"><td class="tblName"><p><a href="qml-qtquick-controls-styles-piemenustyle.html">PieMenuStyle</a></p></td><td class="tblDescr"><p>Provides custom styling for PieMenu</p></td></tr>
<tr class="even topAlign"><td class="tblName"><p><a href="qml-qtquick-controls-styles-progressbarstyle.html">ProgressBarStyle</a></p></td><td class="tblDescr"><p>Provides custom styling for ProgressBar</p></td></tr>
<tr class="odd topAlign"><td class="tblName"><p><a href="qml-qtquick-controls-styles-radiobuttonstyle.html">RadioButtonStyle</a></p></td><td class="tblDescr"><p>Provides custom styling for RadioButton</p></td></tr>
<tr class="even topAlign"><td class="tblName"><p><a href="qml-qtquick-controls-styles-scrollviewstyle.html">ScrollViewStyle</a></p></td><td class="tblDescr"><p>Provides custom styling for ScrollView</p></td></tr>
<tr class="odd topAlign"><td class="tblName"><p><a href="qml-qtquick-controls-styles-sliderstyle.html">SliderStyle</a></p></td><td class="tblDescr"><p>Provides custom styling for Slider</p></td></tr>
<tr class="even topAlign"><td class="tblName"><p><a href="qml-qtquick-controls-styles-spinboxstyle.html">SpinBoxStyle</a></p></td><td class="tblDescr"><p>Provides custom styling for SpinBox</p></td></tr>
<tr class="odd topAlign"><td class="tblName"><p><a href="qml-qtquick-controls-styles-statusbarstyle.html">StatusBarStyle</a></p></td><td class="tblDescr"><p>Provides custom styling for StatusBar</p></td></tr>
<tr class="even topAlign"><td class="tblName"><p><a href="qml-qtquick-controls-styles-statusindicatorstyle.html">StatusIndicatorStyle</a></p></td><td class="tblDescr"><p>Provides custom styling for StatusIndicatorStyle</p></td></tr>
<tr class="odd topAlign"><td class="tblName"><p><a href="qml-qtquick-controls-styles-switchstyle.html">SwitchStyle</a></p></td><td class="tblDescr"><p>Provides custom styling for Switch</p></td></tr>
<tr class="even topAlign"><td class="tblName"><p><a href="qml-qtquick-controls-styles-tabviewstyle.html">TabViewStyle</a></p></td><td class="tblDescr"><p>Provides custom styling for TabView</p></td></tr>
<tr class="odd topAlign"><td class="tblName"><p><a href="qml-qtquick-controls-styles-textareastyle.html">TextAreaStyle</a></p></td><td class="tblDescr"><p>Provides custom styling for TextArea</p></td></tr>
<tr class="even topAlign"><td class="tblName"><p><a href="qml-qtquick-controls-styles-textfieldstyle.html">TextFieldStyle</a></p></td><td class="tblDescr"><p>Provides custom styling for TextField</p></td></tr>
<tr class="odd topAlign"><td class="tblName"><p><a href="qml-qtquick-controls-styles-togglebuttonstyle.html">ToggleButtonStyle</a></p></td><td class="tblDescr"><p>Provides custom styling for ToggleButton</p></td></tr>
<tr class="even topAlign"><td class="tblName"><p><a href="qml-qtquick-controls-styles-toolbarstyle.html">ToolBarStyle</a></p></td><td class="tblDescr"><p>Provides custom styling for ToolBar</p></td></tr>
<tr class="odd topAlign"><td class="tblName"><p><a href="qml-qtquick-controls-styles-tumblerstyle.html">TumblerStyle</a></p></td><td class="tblDescr"><p>Provides custom styling for Tumbler</p></td></tr>
<tr class="even topAlign"><td class="tblName"><p><a href="qml-qtquick-controls-styles-tableviewstyle.html">TableViewStyle</a></p></td><td class="tblDescr"><p>Provides custom styling for TableView</p></td></tr>
<tr class="odd topAlign"><td class="tblName"><p><a href="qml-qtquick-controls-styles-treeviewstyle.html">TreeViewStyle</a></p></td><td class="tblDescr"><p>Provides custom styling for TreeView</p></td></tr>
</table></div>
<a name="styling-tutorials"></a>
<h2 id="styling-tutorials">Styling Tutorials</h2>
<div class="table"><table class="annotated">
<tr class="odd topAlign"><td class="tblName"><p><a href="styling-circulargauge.html">Styling CircularGauge</a></p></td><td class="tblDescr"><p>Tutorial for styling CircularGauge.</p></td></tr>
<tr class="even topAlign"><td class="tblName"><p><a href="styling-gauge.html">Styling Gauge</a></p></td><td class="tblDescr"><p>Tutorial for styling the Gauge control.</p></td></tr>
</table></div>
<a name="related-information"></a>
<h2 id="related-information">Related information</h2>
<ul>
<li><a href="../qtquick/qtquick-index.html">Qt Quick</a></li>
<li><a href="qtquickcontrols-index.html">Qt Quick Controls</a></li>
<li><a href="qtquick-controls-styles-qmlmodule.html">Qt Quick Controls Styles QML Types</a></li>
</ul>
</div>
<!-- @@@qtquickcontrolsstyles-index.html -->
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<p>
<acronym title="Copyright">©</acronym> 2017 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>
|