blob: aee171c40ba2c4826429f6e6b24c555ccd2b816a (
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
108
109
110
111
112
113
114
115
116
117
118
119
|
/****************************************************************************
**
** Copyright (C) 2016 The Qt Company Ltd.
** Contact: https://www.qt.io/licensing/
**
** This file is part of the Qt Quick Extras module of the Qt Toolkit.
**
** $QT_BEGIN_LICENSE:LGPL$
** Commercial License Usage
** Licensees holding valid commercial Qt licenses may use this file in
** accordance with the commercial license agreement provided with the
** Software or, alternatively, in accordance with the terms contained in
** a written agreement between you and The Qt Company. For licensing terms
** and conditions see https://www.qt.io/terms-conditions. For further
** information use the contact form at https://www.qt.io/contact-us.
**
** GNU Lesser General Public License Usage
** Alternatively, this file may be used under the terms of the GNU Lesser
** General Public License version 3 as published by the Free Software
** Foundation and appearing in the file LICENSE.LGPL3 included in the
** packaging of this file. Please review the following information to
** ensure the GNU Lesser General Public License version 3 requirements
** will be met: https://www.gnu.org/licenses/lgpl-3.0.html.
**
** GNU General Public License Usage
** Alternatively, this file may be used under the terms of the GNU
** General Public License version 2.0 or (at your option) the GNU General
** Public license version 3 or any later version approved by the KDE Free
** Qt Foundation. The licenses are as published by the Free Software
** Foundation and appearing in the file LICENSE.GPL2 and LICENSE.GPL3
** included in the packaging of this file. Please review the following
** information to ensure the GNU General Public License requirements will
** be met: https://www.gnu.org/licenses/gpl-2.0.html and
** https://www.gnu.org/licenses/gpl-3.0.html.
**
** $QT_END_LICENSE$
**
****************************************************************************/
import QtQuick 2.2
import QtQuick.Controls 1.4
import QtQuick.Controls.Styles 1.4
import QtQuick.Controls.Private 1.0
import QtQuick.Extras 1.4
import QtQuick.Extras.Private 1.0
/*!
\qmltype StatusIndicator
\inqmlmodule QtQuick.Extras
\since 5.5
\ingroup extras
\ingroup extras-non-interactive
\brief An indicator that displays active or inactive states.
\image statusindicator-active.png A StatusIndicator in the active state
A StatusIndicator in the active state.
\image statusindicator-inactive.png A StatusIndicator in the inactive state
A StatusIndicator in the inactive state.
The StatusIndicator displays active or inactive states. By using different
colors via the \l color property, StatusIndicator can provide extra
context to these states. For example:
\table
\row
\li QML
\li Result
\row
\li
\code
import QtQuick 2.2
import QtQuick.Extras 1.4
Rectangle {
width: 100
height: 100
color: "#cccccc"
StatusIndicator {
anchors.centerIn: parent
color: "green"
}
}
\endcode
\li \image statusindicator-green.png "Green StatusIndicator"
\endtable
You can create a custom appearance for a StatusIndicator by assigning a
\l {StatusIndicatorStyle}.
*/
Control {
id: statusIndicator
style: Settings.styleComponent(Settings.style, "StatusIndicatorStyle.qml", statusIndicator)
/*!
This property specifies whether the indicator is active or inactive.
The default value is \c false (off).
\deprecated Use active instead.
*/
property alias on: statusIndicator.active
/*!
This property specifies whether the indicator is active or inactive.
The default value is \c false (inactive).
*/
property bool active: false
/*!
This property specifies the color of the indicator when it is active.
The default value is \c "red".
*/
property color color: __style.color
}
|
