QT学习（十二）——样式表

最新推荐文章于 2024-08-29 13:28:13 发布

秃头的毛睿

最新推荐文章于 2024-08-29 13:28:13 发布

阅读量1k

点赞数

分类专栏： QT

本文链接：https://blog.csdn.net/weixin_45927758/article/details/106952371

版权

QT 专栏收录该内容

24 篇文章 2 订阅

订阅专栏

//如果这样使用那么整个窗口的QLabel标签都是以下面的方式显示
    this->setStyleSheet("QLabel{color:rgb(0,255,52);"
                        "background-color:red;"//修改背景颜色
                        "}");

简单的变换标签字体颜色

QLabel*label=new QLabel(this);
  label->setText("Today i met my loving girl.");
  label->setStyleSheet("QLabel{color:red;}");

运行：

------------------------------------------------------

使用RGB来调配颜色

R（红）：0~255

G（绿）：0~255

B（蓝）：0~255

 //使用RGB
 label->setStyleSheet("QLabel{color:rgb(0,255,52);}");

运行：

-----------------------------------------------------------------

修改背景的颜色

label->setStyleSheet("QLabel{color:rgb(0,255,52);"
                         "background-color:red;"//修改背景颜色
                         "}");

运行：

//如果这样使用那么整个窗口的QLabel标签都是以下面的方式显示
    this->setStyleSheet("QLabel{color:rgb(0,255,52);"
                        "background-color:red;"//修改背景颜色
                        "}");

//如果这样使用那么整个窗口的QLabel标签都是以下面的方式显示
    this->setStyleSheet("QLabel{color:rgb(0,255,52);"
                        "background-color:red;"//修改背景颜色
                        "}");
    label->setStyleSheet("QLabel{color:rgb(0,255,52);"
                             "background-color:blue;"//修改背景颜色
                             "}");

运行：

-----------------------------------------------------------------------

把背景设置为图片

ui->label->setStyleSheet("QLabel{color:rgb(0,255,52);"
                             "background-color:blue;"//修改背景颜色
                             "border-image:url(:/new/prefix1/C:/Users/13764/Pictures/Saved Pictures/timgBOZIAIW6.jpg);"
                             //如果这里使用background-image的话随着窗口大小的增大会重复的出现很多图片
                             //x y z q stretch stretch   如果在右括号与分号之间添加上这一段代码，就会把贴上去的背景图朝四个方向裁剪x y z q的大小
                             "}");

运行：

-----------------------------------------------------------------------

处理伪状态

 //伪状态的处理
    ui->pushButton->setStyleSheet("QPushButton{"//常规状态下按钮的背景
                                  "border-image:url(:/new/prefix1/C:/Users/13764/Pictures/Saved Pictures/timgBOZIAIW6.jpg);"
                                  "}"
                                  "QPushButton:hover{"//鼠标放上来
                                  "border-image:url(:/new/prefix1/C:/Users/13764/Pictures/Saved Pictures/timg28XLAS1F.jpg);"
                                  "}"
                                  "QPushButton:pressed{"//点击
                                  "border-image:url(:/new/prefix1/C:/Users/13764/Pictures/Saved Pictures/d900e205c0d4aee9652588a5f74720dc (1).jpg)"
                                  "}");

运行：

平常