QT中QSS的使用记录

1.创建资源文件qrc添加qss文件。（下面为我写的资源文件）

/*    控件名#别名  */
QToolButton#q_nameListToolButton{border-radius: 1px;image:url(":/icon/png/list.png");
}QToolButton#q_quitToolButton{border-radius: 1px;image:url(":/icon/png/quit.png");
}QToolButton#q_searchForNameToolButton{width: 40px;height: 34px;border-radius: 1px;background:rgba(224,224,224,1);image:url(":/icon/png/search.png");
}QLabel#q_loginNameLabel{width:47px;height:15px;font-size:16px;font-family:PingFang SC;font-weight:500;color:rgba(255,255,255,1);
}QWidget#q_infoWidget{background: #00A2FF;
}QLineEdit#q_searchForNameLineEdit{width:130px;height:34px;background:rgba(255,255,255,1);border:1px solid rgba(224, 224, 224, 1);border-radius:4px;font-size:16px;font-family:PingFang SC;font-weight:500;color:rgba(153,153,153,1);
}QListView#q_nameListView{width:220px;height:44px;font-size:14px;font-family:PingFang SC;font-weight:500;color:#444444;border-radius: 1px;
}QListView::item{width:220px;height:44px;font-size:14px;font-family:PingFang SC;font-weight:500;color:#444444;border-radius: 1px;
}QListView::item:selected{width:220px;height:44px;background-color:rgba(0,162,255,1);border-radius: 1px;font-size:14px;font-family:PingFang SC;font-weight:500;color:#FFFFFF;
}QWidget#q_searchForNameWidget{background-color: white;
}QLabel#q_firstMarkLable, #q_secondMarkLabel, #q_thirdMarkLabel, #q_fourthMarkLabel, #q_fifthMarkLabel{width: 60px;height: 30px;border:none;border-image:url(:/icon/png/cornerBackGround.png);background:transparent;font-size:16px;font-family:PingFang SC;font-weight:500;color:rgba(255,255,255,1);
}QToolButton#q_takePicturesToolButton{width:140px;height:140px;border:none;border-image:url(:/icon/png/takePictures.png);background:transparent;
}QToolButton#q_takePicturesToolButton:hover{border-image:url(:/icon/png/takePictures_click.png);
}QToolButton#q_takePicturesToolButton:pressed{border-image:url(:/icon/png/takePictures_click.png);
}QToolButton#q_determineToolButton{width:140px;height:140px;border:none;border-image:url(:/icon/png/determine.png);background:transparent;
}QToolButton#q_determineToolButton:hover{border-image:url(:/icon/png/determine_click.png);
}QToolButton#q_determineToolButton:pressed{border-image:url(:/icon/png/determine_click.png);
}QToolButton#q_reTakePicturesToolButton{width:140px;height:140px;border:none;border-image:url(:/icon/png/reshoot.png);background:transparent;
}QToolButton#q_reTakePicturesToolButton:hover{border-image:url(:/icon/png/reshoot_click.png);
}QToolButton#q_reTakePicturesToolButton:pressed{border-image:url(:/icon/png/reshoot_click.png);
}QToolButton#q_reEnterToolButton{width:140px;height:140px;border:none;border-image:url(:/icon/png/retakePhotos.png);background:transparent;
}QToolButton#q_reEnterToolButton:hover{border-image:url(:/icon/png/retakePhotos_click.png);
}QToolButton#q_reEnterToolButton:pressed{border-image:url(:/icon/png/retakePhotos_click.png);
}/*    所有的QComboBox都是按照下面的格式    */
.QComboBox{width:180px;height:34px;background:rgba(0,162,255,1);border:1px solid #0078bd;border-radius:4px;font-size:16px;font-family:PingFang SC;font-weight:500;color:rgba(255,255,255,1);
}.QComboBox QAbstractItemView{height:20px;outline:0px;background-color: white;
}.QComboBox::down-arrow{margin-right:18px;width:18px;height:11px;border-image:url(:/icon/png/downArrow.png);
}.QComboBox::drop-down{border:0px;
}.MyLabel{background-color: white;
}/*
error info:
Calendar name "Gregorian" is already taken, new calendar will not be registered.
Calendar name "gregory" is already taken, new calendar will not be registered.
*/

但是有时候会出现error info的提示信息，不知道什么意思。

2. 加载qss文件

    QFile qss_file(":/qss/widgetQss.qss");if(qss_file.open(QFile::ReadOnly)) {QString styleSheet = QLatin1String(qss_file.readAll());this->setStyleSheet(styleSheet);qss_file.close();} else {QMessageBox::warning(NULL, "Waring", "Open failed", QMessageBox::Ok, QMessageBox::Ok);}

需要注意的是，在给控件设置别名后需要对他加句

q_nameListToolButton->setObjectName("q_nameListToolButton");

才可以使用qss文件里相应的设置。

QT中QSS的使用记录相关推荐

Qt中QSS的简单使用
样式表的组成样式表由两大元素组成:选择器和声明.选择器实际上可以理解为对象,声明则是对该对象的属性的设置. 样式表的使用方法一:在代码中调用setStyleSheet()来设置样式: 方法二:通过 ...
QT中QSS的语法设置【颜色渐变处理】
1.渐变颜色设置有:qlineargradient(线性渐变颜色设置),qradialgradient(辐射渐变),qconicalgradient(圆锥形渐变). 1 QLinearGradient ...
QT中实现QLineEdit变成圆角以及QCombox大半空白，小部分下拉框样式
在QT中QSS的主要功能是使界面的表现与界面的元素分离,使得设计皮肤与界面控件分离的软件成为可能. 我现在用的是在UI中直接设置样式表,也可以自己代码设置. 第一步: 在UI界面选择自己想设置的空间选 ...
Qt中使用多线程的一些心得（一）——继承QThread的多线程使用方法
一前言二Qt多线程方法一继承QThread 2.1使用多线程的原因分析 2.2 写一个继承于QThread的线程三总结一前言本篇文章部分内容参考了该博文:传送门. Qt中有两种 ...
在linux下Qt使用sqlite,QT中SQLite使用【实例】
今天分享一个Qt下,使用SQLite的一个案例.QT中SQLite使用[实例] #include //#include #include #include #include #include #inc ...
Qt中的基础图形绘制
文章目录 1 Qt中的基础图形绘制 2 Qt基础图形绘制中的视口和窗口 3 综合实例开发:简易绘图程序 3.1 需求分析 3.2 设计分析 1 Qt中的基础图形绘制 Qt图形系统中的关键角色: QPa ...
2.关于QT中数据库操作，简单数据库连接操作，数据库的增删改查，QSqlTableModel和QTableView，事务操作，关于QItemDelegate 代理
Linux下的qt安装,命令时:sudoapt-get install qt-sdk 安装mysql数据库,安装方法参考博客:http://blog.csdn.net/tototuzuoquan ...
Qt中消息的机制原理
参考文章:https://blog.csdn.net/perfectguyipeng/article/details/78082360 原理基础介绍 Qt中通过object类定义了connect函数, ...
qt中数据库操作总结
#include <QtSql> QT += sql QSqlDatabase类实现了数据库连接的操作 QSqlQuery类用来执行SQL语句 QSqlRecord类封装数据库所有记录 ...

QT中QSS的使用记录

1.创建资源文件qrc添加qss文件。（下面为我写的资源文件）

2. 加载qss文件

QT中QSS的使用记录相关推荐

最新文章

热门文章