现在的位置: 首页 > 综合 > 正文

qss编程小例

2014年03月09日 ⁄ 综合 ⁄ 共 1514字 ⁄ 字号 评论关闭

通过QSS可以实现动态更换QT程序的外观。具体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的功能,更加丰富的内容需要大家自己去尝试。

通过QSS可以实现动态更换QT程序的外观。具体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的功能,更加丰富的内容需要大家自己去尝试。

抱歉!评论已关闭.