qt学习：进度条，水平滑动条，垂直滑动条+rgb调试实战-Toy模板网

这篇具有很好参考价值的文章主要介绍了qt学习：进度条，水平滑动条，垂直滑动条+rgb调试实战。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

水平滑动条，垂直滑动条

常用信号

进度条

常用信号

修改进度条

例子 rgb调色

配置ui界面

编写3个进度条的事件函数

添加链表容器和按钮索引在.h里的类定义

初始化链表容器和按钮索引

编写添加颜色的按钮点击事件函数

效果

水平滑动条，垂直滑动条

qt学习：进度条，水平滑动条，垂直滑动条+rgb调试实战,qt,学习

常用信号

valueChanged(int) 数值变化的时候
sliderMoved(int) 滑动的时候，里面的参数就是滑动的值

进度条

qt学习：进度条，水平滑动条，垂直滑动条+rgb调试实战,qt,学习

常用信号

valueChanged(int) 数值变化的时候

修改进度条

ui->progressBar->setValue(int);

例子 rgb调色

配置ui界面

qt学习：进度条，水平滑动条，垂直滑动条+rgb调试实战,qt,学习

编写3个进度条的事件函数

//更新颜色函数
void MainWindow::updatergb()
{
    //获取rgb颜色
    QString r = ui->lineEdit_red->text();
    QString g = ui->lineEdit_green->text();
    QString b = ui->lineEdit_bule->text();
    //组合样式
    QString style = QString("background-color: rgb(%1, %2, %3);").arg(r).arg(g).arg(b);
    //生效测试样式
    ui->label_color->setStyleSheet(style);
}

//红色进度条
void MainWindow::on_red_valueChanged(int value)
{
    //显示进度条的值
    ui->lineEdit_red->setText(QString::number(value));
    updatergb();
}

//绿色进度条
void MainWindow::on_green_valueChanged(int value)
{
    //显示进度条的值
    ui->lineEdit_green->setText(QString::number(value));
    updatergb();
}

//蓝色进度条
void MainWindow::on_yellow_valueChanged(int value)
{
    //显示进度条的值
    ui->lineEdit_bule->setText(QString::number(value));
    updatergb();
}

添加链表容器和按钮索引在.h里的类定义

private:
    Ui::MainWindow *ui;
    QList<QPushButton*> list;//存放五个按钮的链表容器，在构造函数里赋值
    int index;//按钮索引

初始化链表容器和按钮索引

//构造函数
MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent)
    , ui(new Ui::MainWindow)
{
    ui->setupUi(this);
    //将五个按钮赋值到链表容器里
    //方式1
    //list.push_back(ui->btn1);
    //方式2
    list<<ui->pushButton_2<<ui->pushButton_6<<ui->pushButton_3<<ui->pushButton_4<<ui->pushButton_5;
    //初始化索引
    index = 0;
}

编写添加颜色的按钮点击事件函数

//添加颜色按钮
void MainWindow::on_pushButton_clicked()
{
    //先获取当前颜色框的颜色
    QString style = ui->label_color->styleSheet();
    //生效到对应的颜色按钮
    list.at(index)->setStyleSheet(style);
    //索引加1
    index = ++index%list.size();
}