天津个人专业做网站,wordpress 全局设定,淘宝联盟如何做网站,网站建设招标评分标准一、QSS简介#xff1a;
Qt Style Sheet#xff1a;Qt样式表#xff0c;用来自定义控件外观的一种机制#xff0c;可以把他类比成CSS#xff08;CSS主要功能与最终目的都是能使界面的表现与界面的元素分离#xff09;。QSS机制使应用程序也能像web界面那样随意地改变外观…一、QSS简介
Qt Style SheetQt样式表用来自定义控件外观的一种机制可以把他类比成CSSCSS主要功能与最终目的都是能使界面的表现与界面的元素分离。QSS机制使应用程序也能像web界面那样随意地改变外观。
二、QSS使用方法
1. 创建目录和文件
新建一个back目录用于存放背景图片。新建一个file目录用于存放QSS文件。新建一个文件,并命名为myQss.qss注意文件后缀为.qss。
2.创建资源文件
选择“File”-“New File or Project”,显示如下界面 点击上图“choose”按钮显示如下界面 上图中输入qss,并点击“Next”按钮。可看到添加的资源文件如下图所示
3.新建Prefix为“/”的空文件夹
右键“qss.qrc”—“Add Prefix” 上图中输入“/”,并点击“OK”按钮。
4.添加qss文件和背景图片
右键“qss.qrc”,选择“Add Existing Directory”如下图所示 选择存放背景图片的back目录和存放qss文件的file目录,如下图所示 此时qss文件和背景文件成功加载到资源“qss.qrc”中如下图所示
三、QSS美化UI界面源码
1. myQss.qss源代码
功能实现背景的添加和label控件字体的美化源代码如下
QWidget#centralwidget
{border-image:url(:/back/back1.jpg);border: 1px solid #32435E;border-radius: 5px;
}QLabel#label
{color:white;font-size:20pt;font-family:Microsoft Yahei;font-style:itelic;font-weight:bold;/*加粗*/text-align: center;
}
2. Qt核心代码
void setQss()
{QFile file(:/file/myQss.qss);file.open(QFile::ReadOnly);if(file.isOpen()){QString styleSheet QLatin1String(file.readAll());ui-centralwidget-setStyleSheet(styleSheet);file.close();qDebug() success;}else{qDebug() error;}
}四、运行效果
1.未美化前的运行界面 2.美化后的运行界面 功能实现了背景图片的添加和label控件字体的美化。
完整QSS项目工程源码下载地址
链接: https://download.csdn.net/download/weixin_42255385/89919386
