import QtQuick 2.2 import QtQuick.Controls 1.2 import QtQuick.Controls.Styles 1.2 import QtQuick.Controls.Private 1.0 import QGroundControl.Palette 1.0 import QGroundControl.ScreenTools 1.0 Button { property bool primary: false ///< primary button for a group of buttons property var _qgcPal: QGCPalette { colorGroupEnabled: enabled } property bool _showHighlight: (pressed | hovered | checked) && !__forceHoverOff property bool _showBorder: _qgcPal.globalTheme == QGCPalette.Light // 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 property int __lastGlobalMouseX: 0 property int __lastGlobalMouseY: 0 Connections { target: __behavior onMouseXChanged: { __lastGlobalMouseX = ScreenTools.mouseX() __lastGlobalMouseY = ScreenTools.mouseY() } onMouseYChanged: { __lastGlobalMouseX = ScreenTools.mouseX() __lastGlobalMouseY = ScreenTools.mouseY() } onEntered: { __forceHoverOff = false; hoverTimer.start() } onExited: { __forceHoverOff = false; hoverTimer.stop() } } Timer { id: hoverTimer interval: 250 repeat: true onTriggered: { __forceHoverOff = (__lastGlobalMouseX != ScreenTools.mouseX() || __lastGlobalMouseY != ScreenTools.mouseY()); } } style: ButtonStyle { /*! 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: { if(ScreenTools.isTinyScreen) return ScreenTools.defaultFontPixelHeight * 3.5 if(ScreenTools.isMobile) return ScreenTools.defaultFontPixelHeight * 2.5 return Math.max(25, Math.round(TextSingleton.implicitHeight * 1.2)) } Rectangle { anchors.fill: parent border.width: _showBorder ? 1: 0 border.color: _qgcPal.buttonText color: _showHighlight ? control._qgcPal.buttonHighlight : (primary ? control._qgcPal.primaryButton : control._qgcPal.button) } Image { id: imageItem visible: control.menu !== null source: "/qmlimages/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 { id: text antialiasing: true text: control.text font.pixelSize: ScreenTools.defaultFontPixelSize font.family: ScreenTools.normalFontFamily anchors.verticalCenter: parent.verticalCenter color: _showHighlight ? control._qgcPal.buttonHighlightText : (primary ? control._qgcPal.primaryButtonText : control._qgcPal.buttonText) } } } } }