qt样式表笔记

最新推荐文章于 2023-09-12 13:40:30 发布

冰山一脚2013

最新推荐文章于 2023-09-12 13:40:30 发布

阅读量420

点赞数

分类专栏： qt 文章标签： qt qss

本文链接：https://blog.csdn.net/cai742925624/article/details/124640772

版权

qt 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

这段代码展示了如何使用Qt的样式表（QSS）为QMenu、QSlider和QTableView组件定制视觉效果。对于QMenu，定义了背景色、边框、字体颜色和选中状态的样式。QSlider的样式包括沟槽、滑块和不同状态下的颜色。QTableView的背景色、选中行颜色以及水平表头的样式也被详细设定。这些定制让GUI界面更加个性化和专业。

摘要由CSDN通过智能技术生成

mUserMenu = new QMenu();

mUserMenu->setStyleSheet(

"QMenu {\

background-color:rgb(89,87,87); /*整个背景*/\

border: 3px solid rgb(235,110,36);/*整个菜单边缘*/\

QMenu::item {\

font-size: 10pt; \

color: rgb(225,225,225); /*字体颜色*/\

border: 3px solid rgb(60,60,60); /*item选框*/\

background-color:rgb(89,87,87);\

padding:16px 16px; /*设置菜单项文字上下和左右的内边距，效果就是菜单中的条目左右上下有了间隔*/\

margin:2px 2px;/*设置菜单项的外边距*/\

QMenu::item:selected { \

background-color:rgb(235,110,36);/*选中的样式*/\

QMenu::item:pressed {/*菜单项按下效果*/\

border: 1px solid rgb(60,60,61); \

background-color: rgb(220,80,6); \

");

QSlider

QSlider::groove:vertical {border: 1px solid #4A708B;background: #C0C0C0;width: 5px;border-radius: 1px;padding-left:-1px;padding-right:-1px;padding-top:-1px;padding-bottom:-1px;} QSlider::sub-page:vertical {background: #575757;border: 1px solid #4A708B;border-radius: 2px;} QSlider::add-page:vertical {background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #c4c4c4, stop:1 #B1B1B1);background: qlineargradient(x1: 0, y1: 0.2, x2: 1, y2: 1, stop: 0 #5DCCFF, stop: 1 #1874CD);border: 0px solid #777;width: 10px;border-radius: 2px;} QSlider::handle:vertical { background: qradialgradient(spread:pad, cx:0.5, cy:0.5, radius:0.5, fx:0.5, fy:0.5, stop:0.6 #45ADED, <span> </span>stop:0.778409 rgba(255, 255, 255, 255)); height: 11px; margin-left: -3px; margin-right: -3px; border-radius: 5px;} QSlider::sub-page:vertical:disabled {background: #00009C;border-color: #999;} QSlider::add-page:vertical:disabled {background: #eee;border-color: #999;} QSlider::handle:vertical:disabled {background: #eee;border: 1px solid #aaa;border-radius: 4px;}

QSlider *pSlider = new QSlider(this);

pSlider->setStyleSheet("QSlider::groove:horizontal {/*沟槽*/\

border: 2px solid #4A708B;background: #C0C0C0;height: 8px;border-radius: 4px; \

QSlider::sub-page:horizontal {/*没有滑上去的地方*/\

background: #F0AD4E;height: 12px;border-radius: 5px;\

QSlider::handle:horizontal {/*滑块*/\

background: qradialgradient(spread:pad, cx:0.5, cy:0.5, radius:0.5, fx:0.5, fy:0.5,stop:0.6 #45ADED, stop:0.778409 rgba(255, 255, 255, 255));\

width: 12px;margin-top: -2px;margin-bottom: -2px;border-radius: 5px;\

QSlider::handle:horizontal:hover {\

background: qradialgradient(spread:pad, cx:0.5, cy:0.5, radius:0.5, fx:0.5, fy:0.5, stop:0.6 #2A8BDA,stop:0.778409 rgba(255, 255, 255, 255));\

width: 12px;margin-top: -2px;margin-bottom: -2px;border-radius: 5px;\

");

QTableView

ui->tableView->setStyleSheet("QTableView{background:#111418; selection-color:#758290;selection-background-color:#4F637A;}");
ui->tableView->horizontalHeader()->setStyleSheet("QHeaderView::section {background-color:#111418;color:#758290;}");