qt实现三原色滑动条变色

在qt中有这样一个控件:

就是这个Horizontal Slider他的作用相信大家都知道了,也就是通过滑动来改变数值。今天我们就使用这个控件实现一个三原色滑动变色。

实现效果:

1.创建UI界面

这个就不用多说了,这个大家就按照我的这个去创建就好了。

2.编写代码

首先我们要初始话我们的属性:

cpp 复制代码
  //初始化红色滑动条
    ui->hsred->setMaximum(255);
    ui->hsred->setMinimum(0);
    ui->hsred->setSingleStep(1);
    ui->hsred->setPageStep(10);
    ui->hsred->setOrientation(Qt::Horizontal);
    //初始化绿色
    ui->hsgreen->setMaximum(255);
    ui->hsgreen->setMinimum(0);
    ui->hsgreen->setSingleStep(1);
    ui->hsgreen->setPageStep(10);
    ui->hsgreen->setOrientation(Qt::Horizontal);
    //初始化蓝色
    ui->hsblue->setMaximum(255);
    ui->hsblue->setMinimum(0);
    ui->hsblue->setSingleStep(1);
    ui->hsblue->setPageStep(10);
    ui->hsblue->setOrientation(Qt::Horizontal);

    //设置背景色
    QString red = QString::number(ui->hsred->value());
    QString green = QString::number(ui->hsgreen->value());
    QString blue = QString::number(ui->hsblue->value());
    ui->lered->setText(red);
    ui->legreen->setText(green);
    ui->leblue->setText(blue);
    QString style = "background-color:rgb("+red+","+green+","+blue+");";
    ui->lineEdit->setStyleSheet(style);

来讲几个知识点:

//初始化红色滑动条

ui->hsred->setMaximum(255);//这个 是设置滑动条的上限

ui->hsred->setMinimum(0);//这个是设置活动条的下限

ui->hsred->setSingleStep(1);//这个是设置步长

ui->hsred->setPageStep(10);//这个是你点击的时候滑动条一次增加的量

ui->hsred->setOrientation(Qt::Horizontal); // 设置滑动条方向为水平

讲完这个,就开始编写我们的槽函数了

3.槽函数的编写

在ui界面中选中滑动条右键----->转到槽,然后开始敲代码

cpp 复制代码
void Widget::on_hsgreen_valueChanged(int value)
{
    QString red = QString::number(ui->hsred->value());
    QString green = QString::number(ui->hsgreen->value());
    QString blue = QString::number(ui->hsblue->value());

    ui->legreen->setText(green);
    QString style = "background-color:rgb("+red+","+green+","+blue+");";
    ui->lineEdit->setStyleSheet(style);
}

好了,就是如此简单,大家快去试试吧

!!!!!!!!!!!!!!!!!!!!!!!

下课!!!!!!

忘了 还有源码:

cpp 复制代码
#include "widget.h"
#include "ui_widget.h"

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
    //初始化红色滑动条
    ui->hsred->setMaximum(255);
    ui->hsred->setMinimum(0);
    ui->hsred->setSingleStep(1);
    ui->hsred->setPageStep(10);
    ui->hsred->setOrientation(Qt::Horizontal);
    //初始化绿色
    ui->hsgreen->setMaximum(255);
    ui->hsgreen->setMinimum(0);
    ui->hsgreen->setSingleStep(1);
    ui->hsgreen->setPageStep(10);
    ui->hsgreen->setOrientation(Qt::Horizontal);
    //初始化蓝色
    ui->hsblue->setMaximum(255);
    ui->hsblue->setMinimum(0);
    ui->hsblue->setSingleStep(1);
    ui->hsblue->setPageStep(10);
    ui->hsblue->setOrientation(Qt::Horizontal);

    //设置背景色
    QString red = QString::number(ui->hsred->value());
    QString green = QString::number(ui->hsgreen->value());
    QString blue = QString::number(ui->hsblue->value());
    ui->lered->setText(red);
    ui->legreen->setText(green);
    ui->leblue->setText(blue);
    QString style = "background-color:rgb("+red+","+green+","+blue+");";
    ui->lineEdit->setStyleSheet(style);





}

Widget::~Widget()
{
    delete ui;
}

void Widget::on_hsred_valueChanged(int value)
{
    QString red = QString::number(ui->hsred->value());
    QString green = QString::number(ui->hsgreen->value());
    QString blue = QString::number(ui->hsblue->value());
    ui->lered->setText(red);
    QString style = "background-color:rgb("+red+","+green+","+blue+");";
    ui->lineEdit->setStyleSheet(style);
}


void Widget::on_hsgreen_valueChanged(int value)
{
    QString red = QString::number(ui->hsred->value());
    QString green = QString::number(ui->hsgreen->value());
    QString blue = QString::number(ui->hsblue->value());

    ui->legreen->setText(green);
    QString style = "background-color:rgb("+red+","+green+","+blue+");";
    ui->lineEdit->setStyleSheet(style);
}


void Widget::on_hsblue_valueChanged(int value)
{
    QString red = QString::number(ui->hsred->value());
    QString green = QString::number(ui->hsgreen->value());
    QString blue = QString::number(ui->hsblue->value());

    ui->leblue->setText(blue);
    QString style = "background-color:rgb("+red+","+green+","+blue+");";
    ui->lineEdit->setStyleSheet(style);
}
相关推荐
CryptoRzz17 小时前
欧美(美股、加拿大股票、墨西哥股票)股票数据接口文档
java·服务器·开发语言·数据库·区块链
arvin_xiaoting17 小时前
#zsh# #Ubuntu# 一键安装zsh、oh-my-zsh、常用插件
linux·ubuntu·elasticsearch
脏脏a17 小时前
【Linux】Linux工具漫谈:yum 与 vim,高效操作的 “左膀右臂”
linux·运维·服务器
Never_Satisfied18 小时前
在JavaScript / HTML中,div容器在内容过多时不显示超出的部分
开发语言·javascript·html
im_AMBER18 小时前
CSS 01【基础语法学习】
前端·css·笔记·学习
APItesterCris18 小时前
构建弹性数据管道:利用淘宝商品 API 进行流式数据采集与处理
linux·数据库·windows
向阳花开_miemie18 小时前
Android音频学习(二十二)——音频接口
学习·音视频
艾莉丝努力练剑18 小时前
【C++STL :stack && queue (一) 】STL:stack与queue全解析|深入使用(附高频算法题详解)
linux·开发语言·数据结构·c++·算法
胡萝卜3.018 小时前
深入理解string底层:手写高效字符串类
开发语言·c++·学习·学习笔记·string类·string模拟实现
kyle~18 小时前
计算机系统---CPU的进程与线程处理
linux·服务器·c语言·c++·操作系统·计算机系统