Qt程序美化之样式表的使用方法,Qt使用图片作为背景与控件透明化,Qt自定义按钮样式

⌚Time: 2022-07-25 10:57:38

👨‍💻Author: Jack Ge

简单的QT程序

样式表的使用方法:对于控件右键,改变样式表

你可以为该控件编辑自己的样式表

为窗口添加背景图片:/bg2.jpeg


#MainWindow{

    background-image: url(:/bg2.jpeg);

}

//MainWindow是该控件的对象名称

不能写成下面这种,否则窗口内所有控件背景都被改变


background-image: url(:/bg2.jpeg);

为按钮设置透明、字体和颜色


#pushButton{

    background:transparent;//背景透明

    //background-color:rgba(255, 255, 255, 0);//这样也可以设置透明背景,并且设置透明度

    color: rgb(85, 15, 108);

    font: 22pt "Agency FB";

}

改变鼠标悬停到按钮上与点击时的样式?


#pushButton{

    background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:0, stop:0 rgba(0, 222, 0, 255), stop:1 rgba(255, 255, 111, 255));

    color: rgb(85, 15, 18);

    font: 22pt "Agency FB";

}

//hover是鼠标悬停时的样式

#pushButton:hover{

    color: rgb(85, 15, 108);

    background-color: rgb(25, 14, 249);

    font: 22pt "Agency FB";

}

//pressed是鼠标点击时的样式

#pushButton:pressed{

    color: rgb(185, 115, 108);

    background-color: rgb(55, 124, 249);

    font: 22pt "Agency FB";

}

设置圆角按钮


border-radius:10px

设置圆角和边框编辑框


border:2px solid #449966;

border-radius:10px

其中dotted为点画线,dashed虚线,solid实线,groove3是d边框

设置按钮背景图片和大小


#pushButton{

    background-image: url(path/to/image.png);

    background-repeat: no-repeat;

    background-size: 50px 50px;

}

另外,可以在代码中动态设置样式表:调用控件的setStyleSheet方法

改变tableWidget表头样式:


    ui->tableWidget->horizontalHeader()->setStyleSheet("QHeaderView::section{"

                                                       "background-color:rgb(0, 0, 255);"

                                                       "font:15pt '新宋体';"

                                                       "color: black;"

                                                       "}");

更多的参考qt帮助手册