码迷,mamicode.com
首页 > 其他好文 > 详细

15、Qt 样式表

时间:2019-05-29 18:14:48      阅读:126      评论:0      收藏:0      [点我收藏+]

标签:htm   label   代码   hover   src   式表   方式   check   单选   

Qt的样式表类似HTML的层叠式样式表CSS,可以为一个独立的子部件、整个窗口、整个应用程序指定一种外表样式。

样式表功能:1、优化外观。2、实现某些动作,如鼠标在图片上,图片切换。

格式:QWidget::setStyleSheet("样式") 或 QApplication::setStyleSheet("样式")

样式:控件类 { 属性:值 }

    QPushButton,QCheckBox,QComboBox{ //按钮、单选框、下拉框
        color:red; //前景色
        background-color:white; //背景色
        font:bold; //字体加粗
    }

两种实现方式:1、使用右侧属性栏里的styleSheet属性。2、代码

方式1:

技术图片

方式2:label绿色背景、红色字

    ui->label->setStyleSheet("QLabel{color:red;background-color:green;}");
    //this->setStyleSheet("QLabel{color:red;}");//类中所有Label都使用此属性

控件的动作:

//鼠标位于上方hover,切换图片
ui->label->setStyleSheet("QLabel{border-image:url(:/1.jpg);} "
                           "QLabel:hover{border-image:url(:/2.png);}");

技术图片

15、Qt 样式表

标签:htm   label   代码   hover   src   式表   方式   check   单选   

原文地址:https://www.cnblogs.com/xixixing/p/10945248.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!