summaryrefslogtreecommitdiff
path: root/src/extras/Styles/Flat/ToolButtonStyle.qml
blob: 8bee80db489575a251302c4f74963c2c22e31d6e (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
/****************************************************************************
**
** Copyright (C) 2021 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:COMM$
**
** 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.
**
** $QT_END_LICENSE$
**
**
**
**
**
**
**
**
**
**
**
**
**
**
**
**
**
**
**
****************************************************************************/

import QtQuick 2.2
import QtQuick.Controls 1.2
import QtQuick.Controls.Styles 1.2 as Base
import QtQuick.Controls.Styles.Flat 1.0
import QtQuick.Controls.Private 1.0

Base.ButtonStyle {
    padding { top: 0; left: 0; right: 0; bottom: 0 }

    panel: Item {
        id: panelItem

        readonly property bool isDown: control.pressed || (control.checkable && control.checked)
        readonly property bool hasIcon: icon.status === Image.Ready || icon.status === Image.Loading
        readonly property bool hasMenu: !!control.menu
        readonly property bool hasText: !!control.text
        readonly property real margins: 10 * FlatStyle.scaleFactor

        ToolButtonBackground {
            id: background
            anchors.fill: parent
            buttonEnabled: control.enabled
            buttonHasActiveFocus: control.activeFocus
            buttonPressed: control.pressed
            buttonChecked: control.checkable && control.checked
            buttonHovered: !Settings.hasTouchScreen && control.hovered
        }

        implicitWidth: icon.implicitWidth + label.implicitWidth + indicator.implicitHeight
                       + (hasIcon || hasText ? panelItem.margins : 0) + (hasIcon && hasText ? panelItem.margins : 0)
        implicitHeight: Math.max(background.height, Math.max(icon.implicitHeight, Math.max(label.implicitHeight, indicator.height)))
        baselineOffset: label.y + label.baselineOffset

        Image {
            id: icon
            visible: hasIcon
            source: control.iconSource
            anchors.leftMargin: panelItem.margins
            anchors.verticalCenter: parent.verticalCenter
            // center align when only icon, otherwise left align
            anchors.left: hasMenu || hasText ? parent.left : undefined
            anchors.horizontalCenter: !hasMenu && !hasText ? parent.horizontalCenter : undefined
        }
        Text {
            id: label
            visible: hasText
            text: control.text
            elide: Text.ElideRight
            font.family: FlatStyle.fontFamily
            renderType: FlatStyle.__renderType
            color: !enabled ? FlatStyle.disabledColor : panelItem.isDown && control.activeFocus
                    ? FlatStyle.selectedTextColor : control.activeFocus
                    ? FlatStyle.focusedColor : FlatStyle.defaultTextColor
            opacity: !enabled ? FlatStyle.disabledOpacity : 1.0
            horizontalAlignment: hasMenu && !hasIcon ? Qt.AlignLeft : Qt.AlignHCenter
            anchors.verticalCenter: parent.verticalCenter
            anchors.left: icon.right
            anchors.right: indicator.left
            anchors.leftMargin: hasIcon ? panelItem.margins : 0
            anchors.rightMargin: hasMenu ? 0 : panelItem.margins
        }
        ToolButtonIndicator {
            id: indicator
            visible: panelItem.hasMenu
            buttonEnabled: control.enabled
            buttonHasActiveFocus: control.activeFocus
            buttonPressedOrChecked: panelItem.isDown
            anchors.verticalCenter: parent.verticalCenter
            // center align when only menu, otherwise right align
            anchors.right: hasIcon || hasText ? parent.right : undefined
            anchors.horizontalCenter: !hasIcon && !hasText ? parent.horizontalCenter : undefined
        }
    }
}