qt 调色板(应用到窗体背景)

简介: qt 调色板(应用到窗体背景)

在这里插入图片描述

@[TOC]


效果

请添加图片描述


代码

创建四个slider,就是这个东西:
在这里插入图片描述

在这里插入图片描述
将每个slider的最大值设置为255,因为RGB每个参数的最大值只要255.
在这里插入图片描述
然后创建四个标签(Label)和一个TextEdit,用于显示文字和颜色底板:
在这里插入图片描述
下面来看代码部分:
右键slider(滑动条)转到槽,选择valueChanged(int)添加如下代码

    Q_UNUSED(value);
    QColor color;
    //获取四个滚动条的值
    int R = ui->verticalSlider->value();
    int G = ui->verticalSlider_2->value();
    int B = ui->verticalSlider_3->value();
    int A = ui->verticalSlider_4->value();
    
    // 输出调试信息 qDebug() << "R="<<R<<"  G="<<G<<"  B="<<B<<" A="<<A;
    color.setRgb(R,G,B,A);
    QString strClr = color.name(); // "#XXXXX" strClr会得到color 十六进制表示的数据
    QString strStyleSheet = QString("background-color: %1").arg( strClr ); //%1 类似于printf()中的占位符  使用arg拼接字符串
    ui->textEdit->setStyleSheet( strStyleSheet ); //改变textEdit样式表
    

这样就可以在预览看到颜色了,但是这只是其中的一个滑动条的槽函数代码,接下来我们关联另外三个。

//在构造函数中加入如下代码
MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow)
{
    ui->setupUi(this);
   //加入的代码
    QObject::connect(ui->verticalSlider_2,SIGNAL(valueChanged(int)),this,SLOT(on_verticalSlider_valueChanged(int)));
    QObject::connect(ui->verticalSlider_3,SIGNAL(valueChanged(int)),this,SLOT(on_verticalSlider_valueChanged(int)));
    QObject::connect(ui->verticalSlider_4,SIGNAL(valueChanged(int)),this,SLOT(on_verticalSlider_valueChanged(int)));
    //将不同滑动条发出的valueChanged(int)信号都与第一个槽函数关联,这样四个中任意一个值改变都会发送信号来调用槽函数。
}

这个调色板有什么用呢,可以将她用于设置背景颜色。

在这里插入图片描述
在按钮的槽函数里面添加上述代码,只需将textEdit改为widget(窗口类名称)
ui->widget->setStyleSheet( strStyleSheet ); 即可。


相关文章
|
7月前
|
Web App开发 编解码 安全
视频会议技术 入门探究:WebRTC、Qt与FFmpeg在视频编解码中的应用
视频会议技术 入门探究:WebRTC、Qt与FFmpeg在视频编解码中的应用
690 4
|
7月前
|
开发框架 Linux API
Qt:构建高效且用户友好的跨平台应用
Qt:构建高效且用户友好的跨平台应用
|
7月前
|
开发框架 网络协议 数据库
Qt:构建跨平台应用的强大框架
Qt:构建跨平台应用的强大框架
|
7月前
|
算法 数据可视化 程序员
【Qt UI】调色板QPalette类在Qt编程中的应用
【Qt UI】调色板QPalette类在Qt编程中的应用
240 0
|
7月前
|
Web App开发 编解码 安全
【WebRTC 入门教程】全面解析WebRTC:从底层原理到Qt和FFmpeg的集成应用
【WebRTC 入门教程】全面解析WebRTC:从底层原理到Qt和FFmpeg的集成应用
3202 1
|
4月前
|
前端开发 搜索推荐 API
【Qt 学习笔记】QWidget的styleSheet属性 | RGB | 在线调色板
【Qt 学习笔记】QWidget的styleSheet属性 | RGB | 在线调色板
268 5
|
4月前
|
API 开发工具 C语言
C语言与图形界面:利用GTK+、Qt等库创建GUI应用。
C语言与图形界面:利用GTK+、Qt等库创建GUI应用。
248 0
|
7月前
|
Windows 安全 C++
Qt字符串类应用与常用基本数据类型
Qt字符串类应用与常用基本数据类型
|
7月前
|
测试技术 API UED
【Qt 应用开发 】初步理解 Qt窗口中的模态性应用
【Qt 应用开发 】初步理解 Qt窗口中的模态性应用
205 1
|
7月前
|
开发框架 物联网 云计算
Qt应用领域分析与实践
Qt应用领域分析与实践
214 0