blob: 6b5d2f8acdae12b52b5514d2f41675ee859e77ed (
plain)
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
|
<?xml version="1.0" encoding="UTF-8"?>
<WebXML>
<document>
<page name="componentset/ProgressBar.qml" href="test-componentset-progressbar-qml.html" title="ProgressBar.qml Example File" fulltitle="ProgressBar.qml Example File" subtitle="componentset/ProgressBar.qml">
<description>
<code><@comment>// Copyright (C) 2016 The Qt Company Ltd.</@comment>
<@comment>// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR BSD-3-Clause</@comment>
import QtQuick 1.0
<@comment>/*!
\qmltype ProgressBar
\inqmlmodule UIComponents
\brief A component that shows the progress of an event.
A ProgressBar shows the linear progress of an event as its \l value.
The range is specified using the \l {minimum} and the \l{maximum} values.
The ProgressBar component is part of the \l {UI Components} module.
This documentation is part of the \l{componentset}{UIComponents} example.
*/</@comment>
<@type>Item</@type> {
<@name>id</@name>: <@name>progressbar</@name>
<@comment>/*!
The minimum value of the ProgressBar range.
The \l value must not be less than this value.
*/</@comment>
property <@type>int</@type> <@name>minimum</@name>: <@number>0</@number>
<@comment>/*!
The maximum value of the ProgressBar range.
The \l value must not be more than this value.
*/</@comment>
property <@type>int</@type> <@name>maximum</@name>: <@number>100</@number>
<@comment>/*!
The value of the progress.
*/</@comment>
property <@type>int</@type> <@name>value</@name>: <@number>0</@number>
<@comment>/*!
\qmlproperty color ProgressBar::color
The color of the ProgressBar's gradient. Must bind to a color type.
\omit
The &quot;\qmlproperty &lt;type&gt; &lt;property name&gt;&quot; is needed because
property alias need to have their types manually entered.
QDoc will not publish the documentation within omit and endomit.
\endomit
\sa secondColor
*/</@comment>
property <@type>alias</@type> <@name>color</@name>: <@name>gradient1</@name>.<@name>color</@name>
<@comment>/*!
\qmlproperty color ProgressBar::secondColor
The second color of the ProgressBar's gradient.
Must bind to a color type.
\omit
The &quot;\qmlproperty &lt;type&gt; &lt;property name&gt;&quot; is needed because
property alias need to have their types manually entered.
QDoc will not publish the documentation within omit and endomit.
\endomit
\sa color
*/</@comment>
property <@type>alias</@type> <@name>secondColor</@name>: <@name>gradient2</@name>.<@name>color</@name>
<@name>width</@name>: <@number>250</@number>; <@name>height</@name>: <@number>23</@number>
<@name>clip</@name>: <@number>true</@number>
<@type>Rectangle</@type> {
<@name>id</@name>: <@name>highlight</@name>
<@comment>/*!
An internal documentation comment. The widthDest property is not
a public API and therefore will not be exposed.
*/</@comment>
property <@type>int</@type> <@name>widthDest</@name>: ((<@name>progressbar</@name>.<@name>width</@name> <@op>*</@op> (<@name>value</@name> <@op>-</@op> <@name>minimum</@name>)) <@op>/</@op> (<@name>maximum</@name> <@op>-</@op> <@name>minimum</@name>) <@op>-</@op> <@number>6</@number>)
<@name>width</@name>: <@name>highlight</@name>.<@name>widthDest</@name>
Behavior on <@name>width</@name> { <@type>SmoothedAnimation</@type> { <@name>velocity</@name>: <@number>1200</@number> } }
<@type>anchors</@type> { <@name>left</@name>: <@name>parent</@name>.<@name>left</@name>; <@name>top</@name>: <@name>parent</@name>.<@name>top</@name>; <@name>bottom</@name>: <@name>parent</@name>.<@name>bottom</@name>; <@name>margins</@name>: <@number>3</@number> }
<@name>radius</@name>: <@number>1</@number>
<@name>gradient</@name>: <@name>Gradient</@name> {
<@type>GradientStop</@type> { <@name>id</@name>: <@name>gradient1</@name>; <@name>position</@name>: <@number>0.0</@number> }
<@type>GradientStop</@type> { <@name>id</@name>: <@name>gradient2</@name>; <@name>position</@name>: <@number>1.0</@number> }
}
}
<@type>Text</@type> {
<@type>anchors</@type> { <@name>right</@name>: <@name>highlight</@name>.<@name>right</@name>; <@name>rightMargin</@name>: <@number>6</@number>; <@name>verticalCenter</@name>: <@name>parent</@name>.<@name>verticalCenter</@name> }
<@name>color</@name>: <@string>&quot;white&quot;</@string>
<@name>font</@name>.bold: <@number>true</@number>
<@name>text</@name>: <@name>Math</@name>.<@name>floor</@name>((<@name>value</@name> <@op>-</@op> <@name>minimum</@name>) <@op>/</@op> (<@name>maximum</@name> <@op>-</@op> <@name>minimum</@name>) <@op>*</@op> <@number>100</@number>) <@op>+</@op> <@string>'%'</@string>
}
}</code>
</description>
</page>
</document>
</WebXML>
|