165 lines
8.2 KiB
HTML
165 lines
8.2 KiB
HTML
<?xml version="1.0" encoding="UTF-8"?>
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
<!-- CSSlider.qml -->
|
|
<title>CSSlider QML Type | CSDataQuick Documentation 1.2</title>
|
|
<link rel="stylesheet" type="text/css" href="style/online.css" />
|
|
<script type="text/javascript">
|
|
(function (i, s, o, g, r, a, m) {
|
|
i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
|
|
(i[r].q = i[r].q || []).push(arguments)
|
|
}, i[r].l = 1 * new Date(); a = s.createElement(o),
|
|
m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
|
|
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
|
|
|
|
ga('create', 'UA-24645639-4', 'qt.io');
|
|
ga('set', 'forceSSL', true);
|
|
ga('send', 'pageview');
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div class="header" id="header">
|
|
<header id="navbar" class="">
|
|
</header>
|
|
</div>
|
|
<div class="main">
|
|
<div class="main-rounded">
|
|
<div class="navigationbar">
|
|
<ul class="sub-navigation">
|
|
<li><a href="../../CSDataQuick.html">Home</a></li>
|
|
<li><a href="../docs.html" class="active">Documentation</a></li>
|
|
<li><a href="http://github.com/xiaoqiangwang/CSDataQuick/">Code</a></li>
|
|
<li><a href="https://github.com/xiaoqiangwang/CSDataQuick/issues/">Bug Reports</a></li>
|
|
</ul>
|
|
<div id="main_title_bar">
|
|
<h1>CSDataQuick Documentation</h1>
|
|
<div class="search_bar">
|
|
<script>
|
|
(function() {
|
|
var cx = '001693341472456439948:u9v0snkru3q';
|
|
var gcse = document.createElement('script');
|
|
gcse.type = 'text/javascript';
|
|
gcse.async = true;
|
|
gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//www.google.com/cse/cse.js?cx=' + cx;
|
|
var s = document.getElementsByTagName('script')[0];
|
|
s.parentNode.insertBefore(gcse, s);
|
|
})();
|
|
</script>
|
|
<gcse:searchbox-only resultsUrl="search-results.html"></gcse:searchbox-only>
|
|
</div></div>
|
|
<ul>
|
|
<li><a href="index.html">CSDataQuick Documentation</a></li>
|
|
<li><a href="csdataquick-qmlmodules.html">QML Types</a></li>
|
|
<li>CSSlider QML Type</li>
|
|
</ul>
|
|
</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="qml-csdataquick-components-csslider.html#properties">Properties</a></li>
|
|
<li class="level1"><a href="qml-csdataquick-components-csslider.html#details">Detailed Description</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="sidebar-content" id="sidebar-content"></div></div>
|
|
<div class="context">
|
|
<h1 class="title">CSSlider QML Type</h1>
|
|
<span class="subtitle"></span>
|
|
<!-- $$$CSSlider-brief -->
|
|
<p>Display a slider to control a PV. <a href="qml-csdataquick-components-csslider.html#details">More...</a></p>
|
|
<!-- @@@CSSlider -->
|
|
<div class="table"><table class="alignedsummary">
|
|
<tr><td class="memItemLeft rightAlign topAlign"> Import Statement:</td><td class="memItemRight bottomAlign"> import CSDataQuick.Components 1.0</td></tr><tr><td class="memItemLeft rightAlign topAlign"> Inherits:</td><td class="memItemRight bottomAlign"> <p><a href="qml-csdataquick-components-cscontrol.html">CSControl</a></p>
|
|
</td></tr></table></div><ul>
|
|
<li><a href="qml-csdataquick-components-csslider-members.html">List of all members, including inherited members</a></li>
|
|
</ul>
|
|
<a name="properties"></a>
|
|
<h2 id="properties">Properties</h2>
|
|
<ul>
|
|
<li class="fn"><b><b><a href="qml-csdataquick-components-csslider.html#direction-prop">direction</a></b></b> : int</li>
|
|
<li class="fn"><b><b><a href="qml-csdataquick-components-csslider.html#labelStyle-prop">labelStyle</a></b></b> : int</li>
|
|
<li class="fn"><b><b><a href="qml-csdataquick-components-csslider.html#stepSize-prop">stepSize</a></b></b> : real</li>
|
|
</ul>
|
|
<!-- $$$CSSlider-description -->
|
|
<a name="details"></a>
|
|
<h2 id="details">Detailed Description</h2>
|
|
<p>Dragging the Slider handle transmits values. The sensitivity with which values can be selected this way depends on the range of the slider.</p>
|
|
<p>The left and right arrow keys are operational when <a href="qml-csdataquick-components-csslider.html#direction-prop">direction</a> is Direction.Left or Direction.Right, and the up and down arrow keys are operational when <a href="qml-csdataquick-components-csslider.html#direction-prop">direction</a> is Direction.Up or Direction.Down. The arrow keys only function when the focus is on the slider button or the space on either side of it.</p>
|
|
<pre class="qml"><span class="type"><a href="http://doc.qt.io/qt-5/qml-qtquick-row.html">Row</a></span> {
|
|
<span class="name">spacing</span>: <span class="number">5</span>
|
|
<span class="type"><a href="qml-csdataquick-components-csslider.html">CSSlider</a></span> {
|
|
<span class="name">width</span>: <span class="number">150</span>
|
|
<span class="name">height</span>: <span class="number">20</span>
|
|
<span class="name">anchors</span>.verticalCenter: <span class="name">parent</span>.<span class="name">verticalCenter</span>
|
|
<span class="name">source</span>: <span class="string">'catest'</span>
|
|
}
|
|
<span class="type"><a href="qml-csdataquick-components-csslider.html">CSSlider</a></span> {
|
|
<span class="name">width</span>: <span class="number">150</span>
|
|
<span class="name">height</span>: <span class="number">50</span>
|
|
<span class="name">source</span>: <span class="string">'catest'</span>
|
|
<span class="name">labelStyle</span>: <span class="name">LabelStyle</span>.<span class="name">Limits</span>
|
|
}
|
|
}</pre>
|
|
<p class="centerAlign"><img src="images/slider.png" alt="" /></p><!-- @@@CSSlider -->
|
|
<h2>Property Documentation</h2>
|
|
<!-- $$$direction -->
|
|
<div class="qmlitem"><div class="qmlproto">
|
|
<div class="table"><table class="qmlname">
|
|
<tr valign="top" class="odd" id="direction-prop">
|
|
<td class="tblQmlPropNode"><p>
|
|
<a name="direction-prop"></a><span class="name">direction</span> : <span class="type">int</span></p></td></tr>
|
|
</table></div>
|
|
</div><div class="qmldoc"><p>Indicate the maximumValue position.</p>
|
|
<ul>
|
|
<li>Direction.Up</li>
|
|
<li>Direction.Right</li>
|
|
<li>Direction.Down</li>
|
|
<li>Direction.Left</li>
|
|
</ul>
|
|
<p>By Direction.Up, the minimumValue is at the bottom and maximumValue at the top. And by Direction.Right, the minimumValue is at the left and maximumValue at the right. The other two reverse the direction.</p>
|
|
</div></div><!-- @@@direction -->
|
|
<br/>
|
|
<!-- $$$labelStyle -->
|
|
<div class="qmlitem"><div class="qmlproto">
|
|
<div class="table"><table class="qmlname">
|
|
<tr valign="top" class="odd" id="labelStyle-prop">
|
|
<td class="tblQmlPropNode"><p>
|
|
<a name="labelStyle-prop"></a><span class="name">labelStyle</span> : <span class="type">int</span></p></td></tr>
|
|
</table></div>
|
|
</div><div class="qmldoc"><p>The decoration mode.</p>
|
|
<ul>
|
|
<li>LabelStyle.Frame - No extra features.</li>
|
|
<li>LabelStyle.None - Same as LabelStyle.Frame.</li>
|
|
<li>LabelStyle.Outline - Show the limits.</li>
|
|
<li>LabelStyle.Limits - Show limits and a box for the value.</li>
|
|
<li>LabelStyle.Channel - In addition to LabelStyle.Limits, show the process variable name.</li>
|
|
</ul>
|
|
</div></div><!-- @@@labelStyle -->
|
|
<br/>
|
|
<!-- $$$stepSize -->
|
|
<div class="qmlitem"><div class="qmlproto">
|
|
<div class="table"><table class="qmlname">
|
|
<tr valign="top" class="odd" id="stepSize-prop">
|
|
<td class="tblQmlPropNode"><p>
|
|
<a name="stepSize-prop"></a><span class="name">stepSize</span> : <span class="type">real</span></p></td></tr>
|
|
</table></div>
|
|
</div><div class="qmldoc"><p>This property indicates the amount of vaue to increament or decrement.</p>
|
|
<p>Clicking Btn1 in the space on either side of the slider button increments or decrements the value by an amount equal to the stepSize.</p>
|
|
<p>Clicking Ctrl-Btn1 in the space on either side increments or decrements the value by an amount equal to 10 times stepSize</p>
|
|
<p>In addition, the arrow keys increment or decrement the value by an amount equal to stepSize, and the Ctrl-Arrow keys increment or decrement the value by an amount equal to 10 times stepSize.</p>
|
|
</div></div><!-- @@@stepSize -->
|
|
<br/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="footer">Copyright (C) 2012-2021 Xiaoqiang Wang, Paul Scherrer Institute.</div>
|
|
</body>
|
|
</html>
|