QT QML 实现的旋钮按钮,类似收音机音量旋钮,可指示方向和角度

如图,旋钮按钮, 点击白色圆圈按钮后 会沿着圆周轨迹 跟随滑动方向运动

可输出方向和角度值, 适用于调节角度和方向的场景,UI风格可改

已单独封装为qml组件,可以直接插入项目使用,可根据情况增加自定义信号

提供信号如下:

1、开始信号

2、停止信号

3、输出角度值

css 复制代码
    CircleSlider{
        id:rightslider
        totalDiameter: 200
        visible: false
        z:20

        onStartPointChange: {
            angleTimer.running = true
        }

        onEndPointChange: {
            angleTimer.running = false
        }
    }


    Timer{
        id:angleTimer
        interval: 500
        running: false
        repeat: true
        onTriggered: {
                console.log("rightslider.currentAngle = __",rightslider.currentAngle)
        }
    }
相关推荐
慧都小项3 天前
当边缘AI上产线:QtitanDocking 如何让工业 HMI 实现多视图协同
人工智能·qt·ui·边缘计算·qt6.3
Quz3 天前
QML SwipeDelegate 滑动委托
qt
Quz3 天前
QML 列表中的四种委托:ItemDelegate、CheckDelegate、RadioDelegate、SwitchDelegate
qt
实心儿儿3 天前
Qt — 显示类控件
qt
江湖人称菠萝包4 天前
【Qt】《Qt 5.9 C++开发指南》笔记-Chapter9-Qt Charts
笔记·qt·qt5
扶尔魔ocy4 天前
【QT android】环境安装及第一个QT项目
qt·andriod开发
江湖人称菠萝包4 天前
【Qt】《Qt 5.9 C++开发指南》笔记-Chapter10-Data Visualization
笔记·qt·qt5
Cx330❀4 天前
Qt 常用控件属性与底层机制详解:从窗口半透明、浮点数陷阱到 QSS 与焦点策略
qt·ui·图形渲染
Quz4 天前
QML DelegateChooser:多条件组合与按列选择委托
qt
Quz4 天前
QML DelegateChooser:按角色选择委托与按索引选择委托
qt