slint/examples/plotter/plotter.slint

// Copyright © SixtyFPS GmbH <info@slint-ui.com>
// SPDX-License-Identifier: GPL-3.0-only OR LicenseRef-Slint-commercial

import { Slider, GroupBox, HorizontalBox, VerticalBox } from "std-widgets.slint";

export MainWindow := Window {
    title: "Slint Plotter Integration Example";
    preferred-width: 800px;
    preferred-height: 600px;

    callback render_plot(float /* pitch */, float /* yaw */, float /* amplitude */) -> image;

    property <float> pitch: 0.15;
    property <float> yaw: 0.5;

    VerticalBox {
        Text {
            font-size: 20px;
            text: "2D Gaussian PDF";
            horizontal-alignment: center;
        }
        Image {
            source: root.render_plot(pitch, yaw, amplitude-slider.value / 10);
            touch := TouchArea {
                property <float> pressed-pitch;
                property <float> pressed-yaw;
                pointer-event(event) => {
                    if (event.button == PointerEventButton.left && event.kind == PointerEventKind.down) {
                        pressed-pitch = root.pitch;
                        pressed-yaw = root.yaw;
                    }
                }
                moved => {
                    if (enabled && pressed) {
                        pitch = pressed-pitch + (touch.mouse-y - touch.pressed-y) / height * 3.14;
                        yaw = pressed-yaw - (touch.mouse-x - touch.pressed-x) / width * 3.14;
                    }
                }
                mouse-cursor: pressed ? MouseCursor.grabbing : MouseCursor.grab;
            }
        }
        HorizontalBox {
            Text {
                text: "Amplitude:";
                font-weight: 600;
                vertical-alignment: center;
            }
            amplitude-slider := Slider {
                minimum: 0;
                maximum: 100;
                value: 50;
            }
        }
    }
}