QT入门（十）——滑动条与进度条

滑轮与进度条

效果，拖动横着的滑动条，带动竖着的滑动条和进度条一起动

滑动条

ui界面中的重要属性

在.cpp文件中也可以手动代码设置

MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow)
{
    ui->setupUi(this);

    //手动设置滑动条最大值
    ui->verticalSlider->setMaximum(1000);
}

在滑动条中，鼠标把小方块拖动到哪一个地方，这个组件就会返回一个int类型的value值，在转到槽中可以有多种信号选择

槽函数

void MainWindow::on_horizontalSlider_valueChanged(int value)
{
    qDebug()<<value;
    ui->progressBar->setValue(value);

    ui->verticalSlider->setValue(value);
}

进度条的重要属性

在槽函数中也会返回一个int型的value值

调色板

滑动RGB颜色滚轮，显示出对应的颜色

#include "mainwindow.h"
#include "ui_mainwindow.h"

//

MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow)
{
    ui->setupUi(this);

    //滑动条的最大值要设置为255
    ui->horizontalSlider->setMaximum(255);
    ui->horizontalSlider_2->setMaximum(255);
    ui->horizontalSlider_3->setMaximum(255);

    //给函数一个声明
    set_color(color);
}

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

三个滑轮

//red
void MainWindow::on_horizontalSlider_sliderMoved(int position)
{

//    //由于一下的内容在三个函数中都要用，所以在.h中自定义一个函数set_color
//    //设置颜色
//    QString sty = QString("background-color:%1").arg(color.name());
//    ui->label_5->setStyleSheet(sty);//在显示框显示颜色
//    ui->lineEdit->setText(color.name());//单行输入框中显示颜色的rgb值

    //设置颜色
    //position 是十进制的 滑动条的最大值要设置为255
    color.setRed(position);//将滑动条返回来的int值转换成对应的rgb中r的值
    set_color(color);

}


//green
void MainWindow::on_horizontalSlider_2_sliderMoved(int position)
{
    color.setGreen(position);
    set_color(color);
}


//blue
void MainWindow::on_horizontalSlider_3_sliderMoved(int position)
{
    color.setBlue(position);
    set_color(color);
}

设置颜色

//设置颜色的自定义函数
void MainWindow::set_color(QColor color)
{
    //设置颜色
    //color这个变量中包含了当前的所有滑块对应的rgb的值
    QString sty = QString("background-color:%1").arg(color.name());
    ui->label_5->setStyleSheet(sty);//在显示框显示颜色
    ui->lineEdit->setText(color.name());//单行输入框中显示颜色的rgb值
}