summaryrefslogtreecommitdiffstats
path: root/examples/sensors/sensorsshowcase/Magnetometer.qml
blob: 7940c76b1eef0521762369b2f16ff7b52c21445b (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
// Copyright (C) 2023 The Qt Company Ltd.
// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR BSD-3-Clause
pragma ComponentBehavior: Bound
import QtQuick
import QtQuick.Controls
import QtQuick.Layouts
import QtSensors

Item {
    id: root

    property alias headingFontSize: heading.font.pixelSize
    required property StackView parentStack
    required property int fontSize
    required property int imageSize

    property real magnetRotation: 40
    property real magnetometerX: 0
    property real magnetometerY: 0
    property real magnetometerZ: 0
    property int barScaleFactor: 10000

    //! [0]
    Magnetometer {
        id: magnetometer
        active: true
        dataRate: 25
        onReadingChanged: {
            root.magnetometerX = (reading as MagnetometerReading).x
            root.magnetometerY = (reading as MagnetometerReading).y
            root.magnetometerZ = (reading as MagnetometerReading).z
            root.magnetRotation =
                ((Math.atan2(root.magnetometerX, root.magnetometerY) / Math.PI) * 180)
        }
    }
    //! [0]

    ColumnLayout {
        id: layout

        anchors.fill: parent
        spacing: 10

        Text {
            id: heading
            Layout.fillWidth: true
            horizontalAlignment: Text.AlignHCenter
            wrapMode: Text.Wrap
            text: "Magnetometer"
            Layout.bottomMargin: 20
        }

        Image {
            id: image

            Layout.alignment: Qt.AlignHCenter
            Layout.bottomMargin: 20
            Layout.preferredWidth: root.imageSize * 0.9
            Layout.preferredHeight: root.imageSize * 0.9

            source: "images/magnet.svg"
            fillMode: Image.PreserveAspectFit
            rotation: root.magnetRotation
        }

        ProgressXYZBar {
            Layout.fillWidth: true
            fontSize: root.fontSize

            xText: "X: " + root.magnetometerX.toFixed(9)
            xValue: 0.5 + (root.magnetometerX * root.barScaleFactor)

            yText: "Y: " + root.magnetometerY.toFixed(9)
            yValue: 0.5 + (root.magnetometerY * root.barScaleFactor)

            zText: "Z: " + root.magnetometerZ.toFixed(9)
            zValue: 0.5 + (root.magnetometerZ * root.barScaleFactor)
        }

        Button {
            Layout.fillWidth: true
            onClicked: root.parentStack.pop()
            text: "Back"
        }
    }
}