QT上位机开发（QSS美化）

已于 2024-05-12 05:34:41 修改
阅读量1.6k 收藏 7
点赞数 22
分类专栏： C# WPF + QT上位机开发 文章标签： qt 开发语言
于 2024-01-14 16:59:20 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/feixiaoxing/article/details/135584719
版权
本文介绍了如何使用QSS对QT应用程序进行美化，类比于Web开发中的CSS，QSS可以改变控件外观。通过创建style.qss文件，分别对按钮的启用和禁用状态以及进度条的颜色变化进行美化，并在main.cpp中加载QSS文件，实现不需重新编译即可更新美化效果。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

【 声明：版权所有，欢迎转载，请勿用于商业用途。 联系信箱：feixiaoxing @163.com】

        我们早期学习过web开发的同学都知道，web开发有三个部分，分别是html、css和java script。其中html负责控件生成和布局，css负责美化，java script负责和web后端的数据交互。今天我们说的这个qss美化，完全可以类比成web的css来看。整体上，designer处理的ui文件就类似于html，qss类似于css，c++编程则类似于java script脚本开发，这样一来，所有的概念就能都对上了。

        为了说明qss美化怎么使用，我们用上一期文章的进度条来举例说明。

1、准备style.qss

        style.qss文件，本身和css的语法也非常像。如果我们对qt默认的控件外观不是很满意，那就可以通过自己编写style.qss文件的方式，来进行调整和补充。当然，过程中大家也可以换成其他的文件名字，不一定非要是style.qss。这种qss的修改完全是通过脚本来完成的，哪怕qt的程序已经生成好了，我们还是可以通过修改style.q

了解本专栏 订阅专栏 解锁全文 超级会员免费看
Qt之QSS的介绍以及加载QSS
m0_62599305的博客
08-27 588
Qt是一个跨平台的应用程序开发框架，广泛应用于桌面和嵌入式系统的开发。Qt的界面设计不仅依赖于传统的GUI组件，还允许开发者通过Qt样式表（QSS, Qt Style Sheets）来定制和美化应用程序的外观。QSS的设计理念与CSS（层叠样式表）相似，允许开发者以声明式的方式定义控件的样式。本文将介绍QSS的基本概念以及如何在Qt应用程序中加载QSS。Qt样式表（QSS）用于定义Qt应用程序的外观，包括控件的颜色、字体、边框等。
QT上位机开发（软件的发布和部署）
嵌入式-老费，一个分享专业嵌入式知识的blog
01-16 971
【 声明：版权所有，欢迎转载，请勿用于商业用途。 联系信箱：feixiaoxing @163.com】 我们在读书的时候，如果程序写好了，这个时候一般直接把exe拷贝给老师就可以了。这就是最原始的软件发布。但是，这个规则套在qt和商业上位机开发上，就显得有点不合时宜了。原因有两点，第一，我们开发的只是exe文件，它本身还要qt各个dll动态库的帮忙才能运行起来；第二，一个上位机软件不仅仅是程序本身，还依赖于配置文件、美工文件、语言包、数据库、数据库配置文件等很多内容，并不仅仅是拷贝一个
[Qt] 界面美化 [2013-06-17更新]
it_mac的专栏
06-17 5642
- 经验总结 1. 可用对话框（QDialog）模拟类似Android中toast的效果。 - 设置程序界面风格 在main函数中 QApplication::setStyle("windows"); QApplication::setStyle("windowsxp"); QApplication::setStyle("motif"); QApp
QT界面美化（QSS）
最新发布
m0_62994153的博客
03-18 264
设置单个设置全局。
Qt 界面美化
xcy2011sky
12-31 4001
1.设置窗体透明： QWidget *pWidget->setStyleSheet("background-color:rgba(255, 255, 255, 0);border-style: solid;border-width: 0px;\          border-color: rgba(255, 255, 255, 0);"); 2.设置窗体背景与透明 QWidget *pW
QT界面美化
weixin_44161807的博客
02-21 1万+
转自点击打开链接 - 经验总结 1. 可用对话框（QDialog）模拟类似Android中toast的效果。 - 设置程序界面风格 在main函数中 QApplication::setStyle("windows"); QApplication::setStyle("windowsxp"); QApplication::setStyle("m...
Qt界面美化
03-06
该程序提供了一个界面美化的整体处理方式，满足整体布局与具体控件的美化操作。
qt界面美化
证券指标的专栏
05-22 1860
想问一下大家，现在QT界面编程中怎么把界面做的好看一点？就比如这个界面，这些按钮的效果是用的什么技术 举报违规检举侵权投诉|2012-05-13 21:16wenzhutuzi|分类：Windows| 浏览11813次 分享到： 举报违规检举侵权投诉|2012-05-13 21:39 提问者采纳 这个一般人都会靠重载控件
Qt界面优化之QSS美化
ByteBuster的博客
08-17 385
Qt是一个跨平台的GUI应用程序开发框架，Qt具有良好的可扩展性和跨平台特性，支持的操作系统平台包括Windows、macOS、Linux以及Android等。QSS作为Qt Style Sheets的缩写，是Qt中的一种样式表技术，可以对控件UI进行美化。通过上述代码，我们将所有QPushButton的背景设置为绿色，文字颜色设置为白色，所有QLineEdit的背景设置为白色，边框设置为2个像素的灰色实线。通过QSS可以为每种状态设置不同的样式，实现控件状态的切换。Qt界面优化之QSS美化。
Qt界面QSS等
07-11
【Qt界面QSS等】是关于使用Qt框架创建和美化用户界面的主题，特别是涉及到QSS（Qt Style Sheets）的应用。QSS类似于Web开发中的CSS，它允许开发者通过样式表来控制Qt应用程序的外观和感觉，实现类似网页设计的灵活性...
Qt QSS界面美化
hw5230的博客
04-14 4116
1、根据刘典武大佬和网上查询的资料，进行更改2、使用QSS对界面进行美化3、点击按钮，进行界面样式切换（银色和黑色）
qss.zip--QT 非常漂亮实用的QSS界面设计，含代码例子和编辑器，有文档介绍使用方法。
02-26
QT 非常漂亮实用的QSS界面设计，含qss文件，代码例子和编辑器，有文档介绍使用方法。 qss文件可以直接使用，或者用编辑器按照自己喜欢的风格自行编辑。
Happy coder ：Qt 自定义 Button 之美
beifenggo
08-21 178
✿题记 上次经理批评我帮同事写现成代码的行为，他说：授之以鱼，不如授之以渔。我想想也对，可是【渔】很枯燥人家不爱学怎么办？ 于是乎我想，授之以渔，不如授之以渔为娱。 ✿正文 在不支持qml的Qt 4.6 ，很多时候，需要我们自定义控件。其实自定义一点也不难，并不是要从头开始写一个控件类，而是继承它，在其基础上，加些佐料，锦上添点花。 曾经也有人对我的方案产生了质疑，说...
qt 如何设计好布局和漂亮的界面。
热门推荐
花狗Fdog的博客
07-28 12万+
文章目录前言一.布局相关组件介绍（:sunny:）1.Layouts(布局):large_blue_circle:Vertical Layouts（垂直布局）:large_blue_circle:Horizontal Layouts（水平布局）:large_blue_circle:Grid Layouts（网络布局）:large_blue_circle:Form Layouts（窗体布局）2.Spacers(空间间隔器/弹簧)3.UI设计器工具栏:large_blue_circle:分割布局器二.Qt样..
Qt界面美化指南
m0_73443478的博客
11-03 6015
Qt界面美化指南
用Qt写的上位机
葱拌面
09-30 5630
电子专业，一心搞硬件显得太枯燥无味，正好接触Qt了，顺势为自己的小项目写一个上位机玩儿玩儿，熟悉一下Qt环境下的桌面编程 一开始写界面感觉速度太慢，索性就去现成的框架了，QFramer不错，界面做的还很好看，就拿来用了。 开始的登录界面，用到数据库编程，本地mysql程序，写这个的时候遇到不少Qt本身问题，折腾了好长时间 主界面部分包括常见的控件啥的，不一一说了，主要用这些控件加上Qt自
QT学习之路————QT界面的美化
huangan_xixi的博客
03-13 2万+
1、隐藏窗口的标题栏（包括最小化、最大化、关闭按钮） 只需要在构造函数中添加   setWindowFlags(Qt::FramelessWindowHint);  函数即可
qt上位机软件开发
03-18
### 如何使用 Qt 进行上位机软件开发 #### 使用 Qt 的基础知识 Qt 是一种跨平台的应用程序框架，广泛用于图形界面应用程序的开发。它提供了丰富的类库支持多种功能模块，包括 GUI 组件、网络通信、数据库操作以及串口通信等[^2]。 #### 串口通信实现 对于上位机中的串口通信需求，可以参考具体的教程和示例代码来完成基本的功能构建。以下是基于 Qt 实现串口通信的一个简单例子： ```cpp #include <QSerialPort> #include <QDebug> void setupSerialPort(QSerialPort &serial) { serial.setPortName("COM3"); // 设置端口号 serial.setBaudRate(QSerialPort::Baud9600); // 设置波特率 serial.setDataBits(QSerialPort::Data8); // 数据位数 serial.setParity(QSerialPort::NoParity); // 奇偶校验 serial.setStopBits(QSerialPort::OneStop); // 停止位 serial.setFlowControl(QSerialPort::NoFlowControl); // 流控制 if (!serial.open(QIODevice::ReadWrite)) { // 打开串口 qDebug() << "Failed to open port"; } else { qDebug() << "Port opened successfully"; } } void readFromSerialPort(QSerialPort &serial) { QByteArray data = serial.readAll(); // 读取数据 while (serial.waitForReadyRead(100)) { // 等待更多数据到来 data.append(serial.readAll()); } qDebug() << "Received:" << data; } ``` 上述代码展示了如何配置并打开一个串口设备，并从中读取数据[^1]。 #### TCP/IP 协议应用实例 如果需要通过网络协议与下位机或其他服务器进行交互，则可以通过 `QTcpSocket` 类来进行连接管理。下面是一个简单的客户端模式下的套接字初始化过程： ```cpp #include <QTcpSocket> class MyTcpClient : public QObject { Q_OBJECT public: explicit MyTcpClient(QObject *parent = nullptr); private slots: void connected(); void disconnected(); void readyRead(); private: QTcpSocket *socket; }; MyTcpClient::MyTcpClient(QObject *parent):QObject(parent), socket(new QTcpSocket(this)){ connect(socket, SIGNAL(connected()), this, SLOT(connected())); connect(socket, SIGNAL(disconnected()), this, SLOT(disconnected())); connect(socket,SIGNAL(readyRead()),this,SLOT(readyRead())); socket->connectToHost("127.0.0.1", 12345); if(!socket->waitForConnected(5000)) qWarning()<<"Error: "<<socket->errorString(); } void MyTcpClient::connected(){ qDebug()<<"Connected!"; } void MyTcpClient::disconnected(){ qDebug()<<"Disconnected!"; } void MyTcpClient::readyRead(){ QString message=QString::fromUtf8(socket->readAll()); qDebug()<<message; } ``` 此部分实现了基础的TCP 客户端逻辑，能够监听服务端返回的消息并打印出来[^3]。 #### 数据库集成 当涉及到本地存储或者远程访问时，利用 SQLite 或 MySQL 可以为用户提供持久化解决方案。这里给出一段关于SQLite使用的片段作为示范： ```sql CREATE TABLE IF NOT EXISTS users ( id INTEGER PRIMARY KEY AUTOINCREMENT, name TEXT NOT NULL, age INT DEFAULT 0 ); INSERT INTO users(name,age) VALUES('Alice',30); SELECT * FROM users WHERE age > 25; ``` 以上 SQL 脚本创建了一个名为users的新表，并向其中插入了一条记录最后查询大于特定年龄的所有用户信息。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

嵌入式-老费

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值