FactSliderPanel.qml 5.28 KB
Newer Older
1 2 3 4 5 6 7 8
/****************************************************************************
 *
 *   (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
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


import QtQuick              2.5
import QtQuick.Controls     1.4

import QGroundControl.FactSystem    1.0
import QGroundControl.Palette       1.0
import QGroundControl.Controls      1.0
import QGroundControl.ScreenTools   1.0

QGCView {
    viewPanel: panel

    property string panelTitle: "Title" ///< Title for panel

    /// ListModel must contains elements which look like this:
    ///     ListElement {
    ///         title:          "Roll sensitivity"
    ///         description:    "Slide to the left to make roll control faster and more accurate. Slide to the right if roll oscillates or is too twitchy."
    ///         param:          "MC_ROLL_TC"
    ///         min:            0
    ///         max:            100
    ///         step:           1
    ///     }
    property ListModel sliderModel

    FactPanelController { id: controller; factPanel: panel }

    QGCPalette { id: palette; colorGroupEnabled: enabled }
    property real _margins: ScreenTools.defaultFontPixelHeight

    property bool _loadComplete: false

    Component.onCompleted: {
        // Qml Sliders have a strange behavior in which they first set Slider::value to some internal
        // setting and then set Slider::value to the bound properties value. If you have an onValueChanged
        // handler which updates your property with the new value, this first value change will trash
        // your bound values. In order to work around this we don't set the values into the Sliders until
        // after Qml load is done. We also don't track value changes until Qml load completes.
        for (var i=0; i<sliderModel.count; i++) {
            sliderRepeater.itemAt(i).sliderValue = controller.getParameterFact(-1, sliderModel.get(i).param).value
        }
        _loadComplete = true
    }

    QGCViewPanel {
        id:             panel
        anchors.fill:   parent

Don Gagne's avatar
Don Gagne committed
58
        QGCFlickable {
Don Gagne's avatar
Don Gagne committed
59 60
            clip:               true
            anchors.fill:       parent
Don Gagne's avatar
Don Gagne committed
61
            contentHeight:      sliderOuterColumn.y + sliderOuterColumn.height
Don Gagne's avatar
Don Gagne committed
62 63 64 65 66
            flickableDirection: Flickable.VerticalFlick

            QGCLabel {
                id:             panelLabel
                text:           panelTitle
67
                font.family:    ScreenTools.demiboldFontFamily
Don Gagne's avatar
Don Gagne committed
68 69
            }

Don Gagne's avatar
Don Gagne committed
70 71

            Column {
Don Gagne's avatar
Don Gagne committed
72
                id:                 sliderOuterColumn
Don Gagne's avatar
Don Gagne committed
73
                anchors.margins:    _margins
Don Gagne's avatar
Don Gagne committed
74 75 76
                anchors.left:       parent.left
                anchors.right:      parent.right
                anchors.top:        panelLabel.bottom
Don Gagne's avatar
Don Gagne committed
77
                spacing:            _margins
Don Gagne's avatar
Don Gagne committed
78

Don Gagne's avatar
Don Gagne committed
79 80 81
                Repeater {
                    id:     sliderRepeater
                    model:  sliderModel
Don Gagne's avatar
Don Gagne committed
82

Don Gagne's avatar
Don Gagne committed
83 84 85 86 87 88
                    Rectangle {
                        id:                 sliderRect
                        anchors.left:       parent.left
                        anchors.right:      parent.right
                        height:             sliderColumn.y + sliderColumn.height + _margins
                        color:              palette.windowShade
Don Gagne's avatar
Don Gagne committed
89

Don Gagne's avatar
Don Gagne committed
90 91
                        property alias sliderValue: slider.value

Don Gagne's avatar
Don Gagne committed
92
                        Column {
Don Gagne's avatar
Don Gagne committed
93 94 95 96 97
                            id:                 sliderColumn
                            anchors.margins:    _margins
                            anchors.left:       parent.left
                            anchors.right:      parent.right
                            anchors.top:        sliderRect.top
Don Gagne's avatar
Don Gagne committed
98 99 100

                            QGCLabel {
                                text:           title
101
                                font.family:    ScreenTools.demiboldFontFamily
Don Gagne's avatar
Don Gagne committed
102 103 104
                            }

                            QGCLabel {
Don Gagne's avatar
Don Gagne committed
105 106 107 108
                                text:           description
                                anchors.left:   parent.left
                                anchors.right:  parent.right
                                wrapMode:       Text.WordWrap
Don Gagne's avatar
Don Gagne committed
109 110 111 112 113 114 115 116
                            }

                            Slider {
                                id:                 slider
                                anchors.left:       parent.left
                                anchors.right:      parent.right
                                minimumValue:       min
                                maximumValue:       max
Don Gagne's avatar
Don Gagne committed
117
                                stepSize:           isNaN(fact.increment) ? step : fact.increment
Don Gagne's avatar
Don Gagne committed
118 119 120 121 122 123 124 125 126
                                tickmarksEnabled:   true

                                property Fact fact: controller.getParameterFact(-1, param)

                                onValueChanged: {
                                    if (_loadComplete) {
                                        fact.value = value
                                    }
                                }
Don Gagne's avatar
Don Gagne committed
127
                            } // Slider
Don Gagne's avatar
Don Gagne committed
128
                        } // Column
Don Gagne's avatar
Don Gagne committed
129 130 131
                    } // Rectangle
                } // Repeater
            } // Column
Don Gagne's avatar
Don Gagne committed
132
        } // QGCFlickable
Don Gagne's avatar
Don Gagne committed
133 134
    } // QGCViewPanel
} // QGCView