ToolStrip.qml 4.49 KB
Newer Older
1 2 3 4 5 6 7 8 9
/****************************************************************************
 *
 *   (c) 2009-2016 QGROUNDCONTROL PROJECT <http://www.qgroundcontrol.org>
 *
 * QGroundControl is licensed according to the terms in the file
 * COPYING.md in the root of the source code directory.
 *
 ****************************************************************************/

Don Gagne's avatar
Don Gagne committed
10
import QtQuick          2.11
11
import QtQuick.Controls 2.2
12

Gus Grubba's avatar
Gus Grubba committed
13
import QGroundControl               1.0
14 15
import QGroundControl.ScreenTools   1.0
import QGroundControl.Palette       1.0
16
import QGroundControl.Controls      1.0
17 18 19

Rectangle {
    id:         _root
Gus Grubba's avatar
Gus Grubba committed
20
    color:      qgcPal.globalTheme === QGCPalette.Light ? QGroundControl.corePlugin.options.toolbarBackgroundLight : QGroundControl.corePlugin.options.toolbarBackgroundDark
21
    width:      _idealWidth < repeater.contentWidth ? repeater.contentWidth : _idealWidth
DonLakeFlyer's avatar
DonLakeFlyer committed
22
    height:     Math.min(maxHeight, toolStripColumn.height + (flickable.anchors.margins * 2))
23
    radius:     ScreenTools.defaultFontPixelWidth / 2
24 25

    property alias  model:              repeater.model
26
    property real   maxHeight           ///< Maximum height for control, determines whether text is hidden to make control shorter
27

28
    property AbstractButton lastClickedButton: null
29

DonLakeFlyer's avatar
DonLakeFlyer committed
30 31 32 33 34
    function simulateClick(buttonIndex) {
        toolStripColumn.children[buttonIndex].checked = true
        toolStripColumn.children[buttonIndex].clicked()
    }

35
    // Ensure we don't get narrower than content
36
    property real _idealWidth: (ScreenTools.isMobile ? ScreenTools.minTouchPixels : ScreenTools.defaultFontPixelWidth * 8) + toolStripColumn.anchors.margins * 2
37

38
    signal clicked(int index, bool checked)
39
    signal dropped(int index)
40

Gus Grubba's avatar
Gus Grubba committed
41 42 43 44 45 46 47 48
    function setChecked(idx, check) {
        repeater.itemAt(idx).checked = check
    }

    function getChecked(idx) {
        return repeater.itemAt(idx).checked
    }

49
    ButtonGroup {
Gus Grubba's avatar
Gus Grubba committed
50 51
        id:         buttonGroup
        buttons:    toolStripColumn.children
52 53
    }

54 55 56 57 58
    DeadMouseArea {
        anchors.fill: parent
    }

    QGCFlickable {
DonLakeFlyer's avatar
DonLakeFlyer committed
59
        id:                 flickable
60
        anchors.margins:    ScreenTools.defaultFontPixelWidth * 0.4
61 62 63
        anchors.top:        parent.top
        anchors.left:       parent.left
        anchors.right:      parent.right
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
        height:             parent.height
        contentHeight:      toolStripColumn.height
        flickableDirection: Flickable.VerticalFlick

        Column {
            id:             toolStripColumn
            anchors.left:   parent.left
            anchors.right:  parent.right
            spacing:        ScreenTools.defaultFontPixelWidth * 0.25

            Repeater {
                id: repeater

                QGCHoverButton {
                    id:             buttonTemplate

                    anchors.left:   toolStripColumn.left
                    anchors.right:  toolStripColumn.right
                    height:         width
                    radius:         ScreenTools.defaultFontPixelWidth / 2
                    fontPointSize:  ScreenTools.smallFontPointSize
                    autoExclusive:  true

                    enabled:        modelData.buttonEnabled
                    visible:        modelData.buttonVisible
                    imageSource:    modelData.showAlternateIcon ? modelData.alternateIconSource : modelData.iconSource
                    text:           modelData.name
                    checked:        modelData.checked !== undefined ? modelData.checked : checked

                    ButtonGroup.group: buttonGroup
                    // Only drop panel and toggleable are checkable
                    checkable: modelData.dropPanelComponent !== undefined || (modelData.toggle !== undefined && modelData.toggle)

                    onClicked: {
                        dropPanel.hide()    // DropPanel will call hide on "lastClickedButton"
                        if (modelData.dropPanelComponent === undefined) {
                            _root.clicked(index, checked)
                        } else if (checked) {
                            var panelEdgeTopPoint = mapToItem(_root, width, 0)
                            dropPanel.show(panelEdgeTopPoint, height, modelData.dropPanelComponent)
                            _root.dropped(index)
                        }
                        if(_root && buttonTemplate)
                            _root.lastClickedButton = buttonTemplate
108 109
                    }
                }
110 111 112 113 114 115 116 117 118
            }
        }
    }

    DropPanel {
        id:         dropPanel
        toolStrip:  _root
    }
}