Qt自定义控件(数字框与拖拽条互动)

简介: Qt自定义控件(数字框与拖拽条互动)

一、效果

自定义红色区域组件,做到数字与拖拽条相互影响。

二、实现

输入合适的名字

打开自定义组件ui

选择合适的组件进行布局

将两个空间的信号和值进行绑定

新增自定义函数并实现

 

#include "smallwidget.h"
#include "ui_smallwidget.h"
 
smallWidget::smallWidget(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::smallWidget)
{
    ui->setupUi(this);
 
    //QSpinBox移动 QSlider更着移动
 
    void(QSpinBox:: * spSignal)(int)=&QSpinBox::valueChanged;
    connect(ui->spinBox,spSignal,ui->horizontalSlider,&QSlider::setValue);
 
    //QSlider滑动 QSpinBox数字跟着改变
    connect(ui->horizontalSlider,&QSlider::valueChanged,ui->spinBox,&QSpinBox::setValue);
}
//设置数字
void smallWidget::setNum(int num){
    ui->spinBox->setValue(num);
}
//获取数字
int smallWidget::getNum(){
    return ui->spinBox->value();
}
smallWidget::~smallWidget()
{
    delete ui;
}

三、使用

绘制一个Widget,选择提升为smallWidget。

新增两个功能按钮

实现按钮功能

#include "widget.h"
#include "ui_widget.h"
#include<QDebug>
Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
 
    //点击获取 获取当前空间当前的值
    connect(ui->btn_get,&QPushButton::clicked,[=](){
        qDebug()<<ui->widget->getNum();
    });
        //设置到一半
        connect(ui->btn_set,&QPushButton::clicked,[=](){
            ui->widget->setNum(50);
    });
}
 
Widget::~Widget()
{
    delete ui;
}
 
相关文章
|
算法 容器
Qt 设计界面中 tab widget模块的添加和删除(手动拖拽)
Qt 设计界面中 tab widget模块的添加和删除(手动拖拽)
Qt 设计界面中 tab widget模块的添加和删除(手动拖拽)
Qt无边框窗口拖拽和阴影
无边框窗口的实现
433 0
Qt无边框窗口拖拽和阴影
|
XML 存储 数据格式
Python Qt GUI设计:QDrag拖拽数据传输类(基础篇—18)
Python Qt GUI设计:QDrag拖拽数据传输类(基础篇—18)
Python Qt GUI设计:QDrag拖拽数据传输类(基础篇—18)
Qt 隐藏标题栏可拖拽,自由缩放
Qt在隐藏标题栏的情况下,实现拖拽很简单,可以看这里https://blog.csdn.net/z609932088/article/details/80865742 或者这里:https://blog.csdn.net/z609932088/article/details/50898022
513 0
Qt 隐藏标题栏可拖拽,自由缩放
Qt-网易云音乐界面实现-1 窗口隐藏拖拽移动,自定义标题栏
最近也换了公司,也换了新的工作,工资也象征性的涨了一点点,但是最近心里还是慌慌,不知道为什么,没有那种踏实感,感觉自己随时可以被抛弃的感觉。感觉自己在荒废时间,也感觉自己在浪费生命。
301 0
Qt-网易云音乐界面实现-1 窗口隐藏拖拽移动,自定义标题栏
在Qt quick5.10-qml中使用drag and drop进行拖拽,及qml拖拽的Bug
在Qt quick5.10-qml中使用drag and drop进行拖拽,及qml拖拽的Bug
QT 标题栏隐藏可拖拽
这个也是我网上找到了 为了方便,记录一下
133 0
|
编解码
Qt之窗体拖拽、自适应分辨率、自适应大小
简述 在自定义无边框、标题栏的界面中,需要自己实现最小化、最大化、关闭、窗体背景等功能。最小化、最大化、关闭等按钮设计及功能比较简单,这里就不多做介绍。今天主要介绍一下绘制背景的问题,主要实现自适应屏幕分辨率。 简述 实现 自适应方案 效果 源码 实现 先看一下UI设计的图(大小:1298*786): 自适应方案 如何自适应屏幕分
2423 0
|
4月前
|
数据安全/隐私保护 C++ 计算机视觉
Qt(C++)开发一款图片防盗用水印制作小工具
文本水印是一种常用的防盗用手段,可以将文本信息嵌入到图片、视频等文件中,用于识别和证明文件的版权归属。在数字化和网络化的时代,大量的原创作品容易被不法分子盗用或侵犯版权,因此加入文本水印成为了保护原创作品和维护知识产权的必要手段。 通常情况下,文本水印可以包含版权声明、制作者姓名、日期、网址等信息,以帮助识别文件的来源和版权归属。同时,为了增强防盗用效果,文本水印通常会采用字体、颜色、角度等多种组合方式,使得水印难以被删除或篡改,有效地降低了盗用意愿和风险。 开发人员可以使用图像处理技术和编程语言实现文本水印的功能,例如使用Qt的QPainter类进行文本绘制操作,将文本信息嵌入到图片中,
182 1
Qt(C++)开发一款图片防盗用水印制作小工具
|
3月前
|
监控 C++ 容器
【qt】MDI多文档界面开发
【qt】MDI多文档界面开发
90 0