[PyQt5 QT QML] QtQuick 활용하여 Dial구현하기

개발 환경 구현 : https://donggyu.tistory.com/9

Dial 관련 설명 : https://doc.qt.io/qt-5/qml-qtquick-controls2-dial.html

💡 Dial은 무엇인가?

다이얼은 스테레오 또는 산업 장비와 같은 장치에서 볼 수있는 기존 다이얼 노브와 유사합니다. 

사용자가 범위 내에서 값을 지정할 수 있습니다.

💡  코드

import QtQuick 2.10
import QtQuick.Window 2.10
import QtQuick.Controls 2.3

ApplicationWindow{
    visible: true;
    width: 1280;
    height: 720;

    Label{
        id: lbl;
        text: "0";
        font.bold: true;
        font.pixelSize: 28;
        anchors.centerIn: parent;
    }

    Dial {
        id: dial
        //Keys.onLeftPressed: {}
        snapMode: Dial.SnapAlways;
        stepSize: 0.1;
        onMoved: {
            lbl.text = value;
        }
    }

    Button{
        id: btnIncrease
        text: "increase"
        anchors.left: dial.right;
        anchors.leftMargin: 40;
        anchors.bottom: dial.bottom;

        onClicked: {
            dial.increase();
        }
    }

    Button{
        id: btnDecrease
        text: "cut back"
        anchors.left: btnIncrease.right;
        anchors.leftMargin: 40;
        anchors.bottom: btnIncrease.bottom;

        onClicked: {
            dial.decrease();
        }
    }
}

코드 : https://pastebin.com/m91CJhjK