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

QSlider 和 QProgressBar 的区别与实践

news 2025/9/5 8:28:50

一、引言

在 Qt 开发中，QSlider 和 QProgressBar 是两个常用的控件，它们在功能和使用场景上有明显的区别。本文将从 API、信号与槽、QSS 美化等方面详细分析它们的区别，并结合实际案例进行实践。

二、QSlider 和 QProgressBar 的区别

功能区别
- QSlider：主要用于调节数值，如音量、亮度等。用户可以通过拖动滑块来改变数值。
- QProgressBar：主要用于显示任务的进度，如文件下载进度、任务完成度等。用户无法直接操作进度条，进度条会根据任务的执行情况自动更新。
外观区别
- QSlider：通常表现为一条带有滑块的轨道，用户可以通过拖动滑块来改变数值。
- QProgressBar：通常表现为一条填充的条形，填充部分表示任务的完成进度。

三、API 分析

QSlider 的主要 API
- setValue(int value)：设置当前的值。
- value()：返回当前的值。
- setMinimum(int min)：设置最小值。
- setMaximum(int max)：设置最大值。
QProgressBar 的主要 API
- setValue(int value)：设置当前的进度值。
- value()：返回当前的进度值。
- setMinimum(int min)：设置最小值。
- setMaximum(int max)：设置最大值。

四、信号与槽

QSlider 的信号
- valueChanged(int value)：当滑块的值发生变化时触发。
- sliderMoved(int value)：当滑块被移动时触发。
QProgressBar 的信号
- valueChanged(int value)：当进度值发生变化时触发。

槽的使用

示例：当滑块的值发生变化时，更新进度条的值。

connect(slider, &QSlider::valueChanged, progressbar, &QProgressBar::setValue);

五、QSS 美化

QSlider 的美化

QSlider {background: #f0f0f0;border-radius: 5px;
}
QSlider::handle {background: #4CAF50;border-radius: 5px;width: 20px;
}

QProgressBar 的美化

QProgressBar {background: #f0f0f0;border-radius: 5px;
}
QProgressBar::chunk {background: #4CAF50;border-radius: 5px;
}

六、案例实践

勇勇还有几个饭碗

使用 QSlider 来调节饭碗的数量。

QSlider *slider = new QSlider;
slider->setRange(0, 10);
connect(slider, &QSlider::valueChanged, [](int value) {qDebug() << "勇勇还有" << value << "个饭碗";
});

勇勇工作量的饱和度

使用 QProgressBar 来显示工作量的饱和度。

QProgressBar *progressBar = new QProgressBar;
progressBar->setRange(0, 100);
progressBar->setValue(75); // 75% 的饱和度

国遥还有几个勇勇

使用 QSlider 来调节勇勇的数量。

QSlider *slider = new QSlider;
slider->setRange(0, 100);
connect(slider, &QSlider::valueChanged, [](int value) {qDebug() << "国遥还有" << value << "个勇勇";
});