QGCButton.qml 4.17 KB
Newer Older
Don Gagne's avatar
Don Gagne committed
1 2 3
import QtQuick 2.2
import QtQuick.Controls 1.2
import QtQuick.Controls.Styles 1.2
4
import QtQuick.Controls.Private 1.0
Don Gagne's avatar
Don Gagne committed
5 6

import QGroundControl.Palette 1.0
7
import QGroundControl.ScreenTools 1.0
Don Gagne's avatar
Don Gagne committed
8 9

Button {
10 11 12 13 14
    // primary: true - this is the primary button for this group of buttons
    property bool primary: false

    property var __qgcPal: QGCPalette { colorGroupEnabled: enabled }

Don Gagne's avatar
Don Gagne committed
15
    property bool __showHighlight: (pressed | hovered | checked) && !__forceHoverOff
Don Gagne's avatar
Don Gagne committed
16

Don Gagne's avatar
Don Gagne committed
17 18 19 20 21
    // This fixes the issue with button hover where if a Button is near the edge oa QQuickWidget you can
    // move the mouse fast enough such that the MouseArea does not trigger an onExited. This is turn
    // cause the hover property to not be cleared correctly.

    property bool __forceHoverOff: false
Don Gagne's avatar
Don Gagne committed
22

Don Gagne's avatar
Don Gagne committed
23 24
    property int __lastGlobalMouseX: 0
    property int __lastGlobalMouseY: 0
Don Gagne's avatar
Don Gagne committed
25

26
    property ScreenTools __screenTools: ScreenTools { }
Don Gagne's avatar
Don Gagne committed
27

Don Gagne's avatar
Don Gagne committed
28 29 30
    Connections {
        target: __behavior
        onMouseXChanged: {
31 32
            __lastGlobalMouseX = __screenTools.mouseX
            __lastGlobalMouseY = __screenTools.mouseY
Don Gagne's avatar
Don Gagne committed
33 34
        }
        onMouseYChanged: {
35 36
            __lastGlobalMouseX = __screenTools.mouseX
            __lastGlobalMouseY = __screenTools.mouseY
Don Gagne's avatar
Don Gagne committed
37 38 39 40 41 42 43 44 45 46 47
        }
        onEntered: { __forceHoverOff; false; hoverTimer.start() }
        onExited: { __forceHoverOff; false; hoverTimer.stop() }
    }

    Timer {
        id:         hoverTimer
        interval:   250
        repeat:     true

        onTriggered: {
48
            if (__lastGlobalMouseX != __screenTools.mouseX || __lastGlobalMouseY != __screenTools.mouseY) {
Don Gagne's avatar
Don Gagne committed
49 50 51
                __forceHoverOff = true
            } else {
                __forceHoverOff = false
Don Gagne's avatar
Don Gagne committed
52
            }
Don Gagne's avatar
Don Gagne committed
53 54
        }
    }
55

Don Gagne's avatar
Don Gagne committed
56
    style: ButtonStyle {
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
            /*! The padding between the background and the label components. */
            padding {
                top: 4
                left: 4
                right:  control.menu !== null ? Math.round(TextSingleton.implicitHeight * 0.5) : 4
                bottom: 4
            }

            /*! This defines the background of the button. */
            background: Item {
                property bool down: control.pressed || (control.checkable && control.checked)
                implicitWidth: Math.round(TextSingleton.implicitHeight * 4.5)
                implicitHeight: Math.max(25, Math.round(TextSingleton.implicitHeight * 1.2))

                Rectangle {
                    anchors.fill: parent
                    color: __showHighlight ?
                        control.__qgcPal.buttonHighlight :
                        (primary ? control.__qgcPal.primaryButton : control.__qgcPal.button)
                }

                Image {
                    id: imageItem
                    visible: control.menu !== null
                    source: "arrow-down.png"
                    anchors.verticalCenter: parent.verticalCenter
                    anchors.right: parent.right
                    anchors.rightMargin: padding.right
                    opacity: control.enabled ? 0.6 : 0.5
                }
            }

            /*! This defines the label of the button.  */
            label: Item {
                implicitWidth: row.implicitWidth
                implicitHeight: row.implicitHeight
                baselineOffset: row.y + text.y + text.baselineOffset

                Row {
                    id: row
                    anchors.centerIn: parent
                    spacing: 2

                    Image {
                        source: control.iconSource
                        anchors.verticalCenter: parent.verticalCenter
                    }

                    Text {
106
                        id:             text
107
                        antialiasing:   true
108
                        text:           control.text
109
                        font.pointSize: __screenTools.defaultFontPointSize
110

111
                        anchors.verticalCenter: parent.verticalCenter
112

113 114 115 116 117 118
                        color: __showHighlight ?
                            control.__qgcPal.buttonHighlightText :
                            (primary ? control.__qgcPal.primaryButtonText : control.__qgcPal.buttonText)
                    }
                }
            }
Don Gagne's avatar
Don Gagne committed
119 120
        }
}