我正在用qt代码做关于血细胞分析仪的上位机界面,给我提供一套好看的偏蓝色系为主的qss吗
时间: 2024-02-24 09:58:08 浏览: 122
QT之QSS美化界面(附源码)
当然可以,以下是一套简单的偏蓝色系为主的QSS样式:
```css
QWidget {
background-color: #f5f5f5;
}
QPushButton {
background-color: #4b89ff;
color: #ffffff;
border: none;
padding: 5px 10px;
}
QPushButton:hover {
background-color: #3482ff;
}
QLineEdit {
background-color: #ffffff;
border: 1px solid #bfbfbf;
border-radius: 3px;
padding: 2px 4px;
}
QComboBox {
background-color: #ffffff;
border: 1px solid #bfbfbf;
border-radius: 3px;
padding: 2px 4px;
}
QComboBox::drop-down {
subcontrol-origin: padding;
subcontrol-position: top right;
width: 15px;
border-left-width: 1px;
border-left-color: #bfbfbf;
}
QComboBox::down-arrow {
image: url("down_arrow.png");
width: 10px;
height: 10px;
}
QLabel {
color: #333333;
font-size: 14px;
}
QTabWidget::pane {
border: none;
background-color: #ffffff;
}
QTabWidget::tab-bar {
left: 5px;
}
QTabBar::tab {
background-color: #4b89ff;
color: #ffffff;
border: none;
padding: 5px 10px;
}
QTabBar::tab:selected {
background-color: #3482ff;
}
QTableWidget {
background-color: #ffffff;
border: 1px solid #bfbfbf;
gridline-color: #bfbfbf;
}
QTableWidget::item {
padding: 2px 4px;
}
QHeaderView::section {
background-color: #4b89ff;
color: #ffffff;
border: none;
padding: 5px 10px;
}
QHeaderView::section:horizontal {
border-top: none;
}
QHeaderView::section:vertical {
border-left: none;
}
```
你可以将上述代码保存为一个.qss文件,然后在Qt的代码中使用`QApplication::setStyleSheet()`函数进行设置。例如:
```cpp
#include <QApplication>
int main(int argc, char *argv[])
{
QApplication a(argc, argv);
// 加载样式表
QFile file(":/qss/style.qss");
if (file.open(QFile::ReadOnly | QFile::Text)) {
QTextStream stream(&file);
qApp->setStyleSheet(stream.readAll());
file.close();
}
// 打开主窗口
MainWindow w;
w.show();
return a.exec();
}
```
其中,`:qss/style.qss`是你保存的.qss文件的路径。
阅读全文