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)
        }
    }
相关推荐
秋田君2 小时前
Qt_QMediaPlayer类与QMediaPlaylist类
开发语言·qt
mengzhi啊3 小时前
QT程序界面自适应1080/2K/4K屏幕。qputenv或者setAttribute
qt
C++ 老炮儿的技术栈3 小时前
Qt5 使用 QPainter 绘制阿基米德螺线
开发语言·c++·windows·qt·代码化
大丑哥20 小时前
QT QML 中实现高亮功能
qt
小白不想画工图1 天前
银河麒麟V10系统安装QT5.12
linux·开发语言·qt·银河麒麟
mengzhi啊1 天前
QEventLoop loop配合loop.exec();替代while(1)。电脑cpu占用为0,使用while(1)cpu占用率100%
c++·qt
@福者1 天前
C++ QT 入门
开发语言·c++·qt
长友cy1 天前
Qt官方示例BluetoothLowEnergyGame源码阅读
开发语言·qt
Quz1 天前
QML 日期解析:字符串转日期与时间戳互转
qt
Coodor1 天前
信创系统基于QT5操作NFC读写器
开发语言·qt·智能卡·nfc读写器·yw-607hc