
<file>images/1.png</file>
用qmake -project 编译过的,需要在.pro文件里添加一句 RESOURCES = *.qrc
我在QWidget 里添加的图片方法是:
QWidget *x = new QWidget
x->setWindowTitle("hello!")
x->setGeometry(QRect(100,75,530,380))
x->setWindowIcon(QIcon(":/images/1.png"))//这个是对widget框架的图标的图片
QPalette palette
palette.setBrush(QPalette::Base,QBrush(QPixmap(":/images/1.png")))//背景图片
x->setPalette(palette)
qtcreator如何在stylesheet中设置图片项目建立完成后:
右键点你的项目 “Add New”->"QT Resource file" 生成一个qrc文件
然后双击它点add 然后Add Prefix 再Add file完事之后build一下
在你的ui上点右键 ->Change StyleSheet->add Resource ->backgroud-image顺着往下点就能看见你在qrc里添加的那张图片了
摘要:
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的应用程序菜单一样,能在点击时d出一个下拉框,我选择了用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}
Qt贴吧里的资料汇总
Qt 插入图片这个 *** 作有许多的方式,常用的是采用QPainter绘图板插入图片,因为这种方法是通过像素坐标来固定插入图片的位置,还可以插入动态图和视频,功能很强大。 Qt通过painter加载图片 因为我非科班出身,只是学了QT的大概 *** 作,所以对于图片的移动缩放这个简单的函数也是找了许多博文看了才懂。其实也非常简单。
图片 *** 作——移动
图片 *** 作——缩放旋转
图片 *** 作——通过定时器控制图片移动
在插入图片后,图片的移动也做了后发现了一个问题:就是多步 *** 作图片移动后,图片的加载会出错,即不显示图片和错误的显示图片大小。我就将图片坐标的变量改为volatile 型结果还是不行。就想到了刷新界面。 刷新函数update() 和 刷新图元repaint() ,这两个函数都是用来刷新界面,用update时 *** 作过快时偶尔没反应,用repaint时不会清除历史界面而是加叠在最上面。我就绝望了,就换了其他加载图片的方式,QPalette,QImage,QPicture,setPixmap ,结果后面的图片 *** 作函数也要重写,而网上这些函数的图片移动缩放 *** 作还没有,我就心如咸鱼了。后来睡觉前想到了将两个函数同时使用试试,结果就正常显示了,兴奋的我就去玩了两盘王者荣耀,两点多才睡。
这个网站的页面插件做的很不错,不知道是怎么做的。很有趣。 update()函数介绍
这个就是Qt的表格,表格 *** 作没什么难点,只是在下最近要用就去又学了一遍。这是看到的比较好的两篇干货。
Qt tableview的用法小结
Qt tableview的用法小结(二)
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)