当前位置：首页 > news >正文

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

news 来源：原创 2024/5/20 14:50:49

水平滑动条，垂直滑动条

常用信号

进度条

常用信号

修改进度条

例子 rgb调色

配置ui界面

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

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

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

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

效果

水平滑动条，垂直滑动条

常用信号

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

进度条

常用信号

valueChanged(int) 数值变化的时候

修改进度条

ui->progressBar->setValue(int);

例子 rgb调色

配置ui界面

编写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);//方式2list<<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);//索引加1index = ++index%list.size();
}