您的位置:首页 > Web前端 > CSS

QT样式表,setstylesheet,控件使用图片

2018-01-26 13:20 369 查看
Qt的控件样式可以通过多种方法进行设置

1、UI设置

在Qt的设计页面,右键控件即可弹出菜单,选择改变样式表,如图



在弹出的样式表编辑框中,可以对样式表进行各种修改









还可以在控件属性栏进行设置样式表:字体、大小等



2、代码设置样式表

以按钮为例,介绍代码设置样式表,需要包含头文件QStylesheet

//设置全局样式表使用this,按钮正常态、悬浮态、按压态顺序不能错
this->setStyleSheet("QPushButton{font-family:Microsoft Yahei;color:white;background-color:rgb(0 , 0 , 0);border-radius:5px;}"
"QPushButton:hover{background-color:rgb(255 , 0 , 0);}"
"QPushButton:pressed{background-color:rgb(255 , 255 ,255);padding-left:3px;padding-top:3px;}"
);
//单个样式表设置
//ui->pushButton->setStyleSheet("pressed{background-color:rgb(14 , 135 , 228);padding-left:3px;padding-top:3px;}");
//对于同一个控件,如果同时用UI和样式表设置,UI的设置会覆盖样式表


3、UI控件使用图片



通过代码使用图片

//    ui->ButtonPre->setStyleSheet("background-image:url(:/source/image/back.png);}");
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐