Chinaunix首页 | 论坛 | 博客
  • 博客访问: 1639394
  • 博文数量: 584
  • 博客积分: 13857
  • 博客等级: 上将
  • 技术积分: 11883
  • 用 户 组: 普通用户
  • 注册时间: 2009-12-16 09:34

分类: 嵌入式

2011-04-06 23:21:49

最近在看QSS的内容,觉得真是一个十分好用的东西,特来做了一个小例子和大家一起学习下。
通过QSS可以实现动态更换QT程序的外观。具体QSS的内容请看,这里有QSS的详细介绍。
下面我主要通过一个小例子说明下如何动态变换皮肤的功能。
首先,先创建一个test.qss文件,放置在程序目录下,文件内容如下:
  1. QPushButton {
  2. color:red;
  3. background-color:#FFFFFF
  4. }
复制代码
具体含义就是设置QPushButton字体颜色为red,背景颜色为#FFFFFF
接着,我们创建一个QPushButton的对象,当点击这个button时,就加载这个QSS文件,具体代码如下:
  1. void MainWindow::loadStyleSheet()
  2. {
  3. QFile qss("test.qss");
  4. qss.open(QFile::ReadOnly);
  5. qApp->setStyleSheet(qss.readAll());
  6. qss.close();
  7. }

  8. void MainWindow::on_pushButton_clicked()
  9. {
  10. loadStyleSheet();
  11. }
复制代码
最 后,就可以看一下效果了,点击按钮,按钮的字体颜色和背景颜色就变化了。而你如果想让他变成不同的颜色,只需要修改一下qss文件就可以了,如果你想给按 钮加上背景颜色,也只需修改修改qss文件,是不是相当的方便?下面这个是我通过修改qss给程序的窗口加上了一个背景。

不需要写任何的代码,只要将qss文件的内容改为如下:
  1. QMainWindow{
  2. background:url(./Screenshot-1.png)
  3. }
  4. QPushButton {
  5. color:red;        
  6. background-color:#aaaaaa
  7. }
复制代码
当然以上只是一个小小的例子,只是为了展示qss的功能,更加丰富的内容需要大家自己去尝试。
阅读(789) | 评论(0) | 转发(2) |
给主人留下些什么吧!~~