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

62 篇文章 104 订阅
10 篇文章 2 订阅

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的设置会覆盖样式表  

//使用#指定某个控件 
this->setStyleSheet(QString::fromUtf8( 
"QLabel#label_title{border-radius:20px;background:#30495a;font-size:18px;color:#ffffff;}\n"
"QLabel#label_status{border-radius:20px;background:#9cc03d;font-size:18px;color:#ffffff;}\n"));

设置边框:border-top:1px solid black; 宽度、风格、颜色

3、UI控件使用图片
这里写图片描述

通过代码使用图片

//    ui->ButtonPre->setStyleSheet("background-image:url(:/source/image/back.png);}");

样式表自查快速参考:http://www.w3school.com.cn/cssref/index.asp#padding

  • 3
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值