qt设置背景图片注意事项
QT Create中,对button或者window等部件设置背景、颜色、透明等样式时,需要用到style sheet,可以直接在代码里写,也可以在ui设计师里通过右键change style sheet的方法来设置,本人是使用的后面的方式,下面介绍几种常见的用法。
介绍:
作者使用的开发环境为:qt creator 201005, qt4.7。
1、利用style sheet给窗体设置背景
使用stylesheet设置背景图片还是有一些要注意的,如果是在mainwindow和dialog中,直接右键change style sheet在add resource中选择background-image或者border-image,选择资源文件中的图片就行了(前者是按像素显示图片,后者可根据窗体大小来自动缩放图片),如下图:
但在widget中就不行,你会发现,用同样的方法,背景并没有发生改变,而仅仅是它的子窗体背景图片发生了改变。
那么在widget中要如何做呢,我们在widget中放置一个frame,然后对frame通过stylesheet设置背景,后面窗体里所有的部件都放在这个frame里。
我们知道,子窗体会继承父窗体的属性,也就是说,父窗体的背景,在子窗体中也会有,那如何让子窗体不继承父窗体的背景呢,同样的,还是在Edit Style Sheet里,需下输入如下代码:
复制代码
#desktop {
border-image: url(:/images/desktop.jpg);
}
#desktop * {
border-image:url();
}
复制代码
desktop是你的窗体名。
2、menubar设置透明
我想做一个菜单按钮,像ubuntu的应用程序菜单一样,能在点击时弹出一个下拉框,我选择了用mainwindow来实现,但我如现menuba显示在顶层很难看,如何才能不让它显示呢。
设置menuba的stylesheet,
background-color:transparent
将背景设置为透明。
3、tool button不显示边框
当我们设置button的icon时,发现icon的形状并不与button完全一致,如下图:
设置stylesheet
border-style: flat;
效果如下:
注意,一定要选择tool button,而不要选择push button,因为push button活动的时候会有一个虚线框。
要达到上图的效果,除了设置border-style:flat,可不可以将style设置为transparent呢?设置成transparent后,显示上看,效果是和上图的一样,但当按下时,button没有被图片覆盖的地方就会显示被按下时的颜色。
4、在父窗体的stylesheet中设置子部件的属性
假设有多个button,且它们的样式是一样的,那是不是需要一个个设置呢?不需要的,我们可以在父窗体中进行设置,那么子部件都会继承它的属性。
如果某个button的样式特殊,再单独修改就行了,下面举个实例,在父窗体的stylesheet中设置如下
QDialog{background:rgb(229, 255, 239)}
QMenuBar{background:url(:/image/header.bmp)}
QStatusBar{background:url(:/image/header.bmp)}
QPushButton{background:url(:/image/header.bmp)}
QLCDNumber{background:url(:/image/lcd.bmp)}
QLabel{color: rgb(0, 0, 255)}
QDial{background-color: rgb(67, 67, 67)}
QGroupBox {
border-width:2px;
border-style:solid;
border-color:#FFFFFF;
}
QGroupBox{color: rgb(255,255, 255)}
QToolButton{border-style: flat;}
结语:
style sheet用起来很方便,以上是总结的几种用法,后面会继续补充。
参考资料:
Qt中设置widget背景颜色/图片的注意事项(使用样式表 setStyleSheet())
qt设置背景图片注意事项相关推荐
- Qt设置背景图片方法
本文主要介绍三种Qt设置背景图片的方法: 1.QPalette 2.重写paintEvent 3.设置Qss(Qt style sheet) 1.QPalette (1)示例 //.cppthis-& ...
- QT设置背景图片以及设置按钮
1.Qt设置背景图片 ①.设置UI窗口背景图片,需要在构造函数中添加以下代码: this-> setAutoFillBackground(true); QPa ...
- 05.Qt设置背景图片
QssTest::QssTest(QWidget *parent): QMainWindow(parent) {ui.setupUi(this);QString qss;QDir dir(" ...
- QT设置背景图片的三种方式
QPalette的方法 基本步骤: (1). 首先设置QWidget的autoFillBackground属性为真 (2). 然后定义一个QPalette对象,设置QPalette对象的背景属性(颜色 ...
- linux qt 背景图片,qt设置背景图片
<一>http://blog.csdn.net/qq5823996/article/details/6851788 Qt的窗口背景图片有3种方式设置 1.QPalette p; p.set ...
- qt 设置背景图片方法
遇到的问题 widget窗口直接使用 setStyleSheet设置 border-image 显示不出来, 如果非要使用setStyleSheet 方法, 可以在widget里面再加一层 widge ...
- QT设置背景图片的Qss实现方式
代码如下: setStyleSheet("background-image:url(:/icon/Background.png); background-position: left top ...
- qt 设置背景图片、背景色步骤
拖一个label 控件 label 上右键选择改变样式表, 添加资源选择图片 一.设置背景图 background-image: 二.铺满整个label border-image: 三.添加图片,im ...
- Qt 设置背景图片
QLabel QPixmap pixmap("background.png"); setPixmap(pixmap); 图片不会自适应控件大小 还是图片的尺寸setStyleShe ...
最新文章
- 怎样初始化一个指针数组
- RabbitMQ 官方NET教程(二)【工作队列】
- 7-26晚上实现mystring
- 三星10年旗舰彻底终结 5年前35次爆炸惊天下
- matlab剩余寿命概率密度,分享关于评估设备剩余使用寿命的三种方法
- linux使用swap的命令,Linux系统如何使用swap和zram swap命令
- HTML两个查询条件,javascript – 如何在IndexedDB中查询多个条件?
- tomcat启动内存设置以及字符集设置
- Windows操作系统注册表registry
- vios 虚拟光驱 安装vioc
- idea maven parent飘红
- JeeCms使用笔记
- C语言程序设计十个币,C语言程序设计复习(10页)-原创力文档
- jQuery动画和循环
- 【小程序】block标签的介绍和使用
- 默认墨迹天气 下雪效果
- java图片管理系统_基于Java的图片管理信息系统的设计与实现
- 在CSDN博客里保持代码格式的方法
- Android智能平板应用,界面适配的另一种轻量级方法
- 【视频教程免费领取】48G全套Java视频教程,从入门到跑路!
热门文章
- 笔记本计算机排名2015,2015性价比高的笔记本电脑排行榜
- navicat创建MySql定时任务详解
- 移动机器人定位(amcl)
- 服务监控CAT的使用
- google map api v3 的marker使用label的方法(markerwithlabel的使用)
- SMIL已经死了! SMIL万岁! SMIL功能替代指南
- sqlserver 数据库优化工具,安全性设置,并发设置,SQL耗时优化
- 9 款炫酷的 MySQL 可视化管理工具!好用到爆!!
- 不同系统电脑远程桌面连接
- c语言学生作业ppt课件怎么做,C语言课件完整版(精华).ppt