用QT Designer快速美化界面

最新推荐文章于 2025-03-19 21:48:54 发布
最新推荐文章于 2025-03-19 21:48:54 发布
阅读量9.6k 收藏 30
点赞数 3
文章标签： qt pyqt5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_22121907/article/details/114655585
版权

最近在用pyqt5，想把ui界面美化一下
发现一个特别方便快捷的方法，步骤如下：

  1. 在vscode里的ui文件上右键单击PYQT: Edit in Designer（pyqt-integration插件）
    如上图
  2. 在Qt Designer中右键要更样式的控件
    在这里插入图片描述
  3. 把别人写好的样式表copy过来（这个是在官网上copy的）
    （官网地址：https://doc.qt.io/qt-5/stylesheet-examples.html）
    在这里插入图片描述
  4. Apply可以预览一下，OK就直接应用样式啦，最终效果：
    在这里插入图片描述
小雯w
关注
QSS教程：让Qt designer设计的框架更美化，方便pyqt5使用
云霄IT的博客
05-15 5008
一、选择器 /* 在主框架中使用才有效 */ *{...} /* 匹配所有 */ QPushButton{...} /* 按类寻找，匹配所有QPushButton类，包括其子类 */ .QPushButton{...} /* 按类寻找，匹配所有QPushButton类 ，不包括其子类*/ #Form{...} /* 按对象寻找，唯一识别 */ QWidget QPushButton{...} /* 多层寻找用空格隔开，能匹配子、孙... */ QWidget > QPush
Qt UI界面美化教程1：【“飞扬青云” Qt精美控件】使用教程1
2401_87555332的博客
10-23 634
相信很多小伙伴在使用Qt Widget的过程中都会遇到一个问题，开发出来的界面，丑！丑！丑！当然Qt做界面美化可以用到QSS，需要对前端知识有一定了解，后续本套教程将会做讲解。本篇文章，我们直接站在巨人（大佬飞扬青云）的肩膀上，使用他开发好的163款自定义控件，请大家一定支持他，去给他小心心，他的个人主页：本篇文章只讲述如何在 QtDesigner 安装这些控件。
PyQt5 - 高阶窗体美化
⚡
06-28 1万+
[ 不改变pyuic5编译生成的初始化类内部逻辑 ] 窗体圆角 自定义最小化、最大化、退出按钮（取消边框） 鼠标控制窗体移动（取消边框） 窗体圆角 #首先设置无边框，其次设置背景透明 #背景透明后，可以在整体后方添加一个有色Label标签 #对该有色标签进行QSS圆角化！ MainWindow.setWindowFlag(QtCore.Qt.FramelessWindowHint)...
[Qt] 界面美化 [2013-06-17更新]
it_mac的专栏
06-17 5634
- 经验总结 1. 可用对话框（QDialog）模拟类似Android中toast的效果。 - 设置程序界面风格 在main函数中 QApplication::setStyle("windows"); QApplication::setStyle("windowsxp"); QApplication::setStyle("motif"); QApp
PyCharm 配置 Qt Designer（External Tools）完整指南
最新发布
tang7mj的博客
03-19 1911
这篇博客不仅介绍如何正确配置 Qt Designer，还会记录我遇到的问题和解决方案，帮助大家少走弯路！界面文件，但默认情况下 PyCharm 并不会自动集成 Qt Designer，我们需要手动配置。PyCharm 是一个强大的 Python IDE，但它本身并不自带 Qt Designer。找到 Qt Designer 后，我们就可以在 PyCharm 里配置它了。，这让我很疑惑，因为这意味着 Qt Designer 会在。这样，每次打开 Qt Designer，它的。目录下运行，而不是我的项目目录。
qtdesigner界面美化
fresh_nam的博客
08-11 6473
pyqt5使用qtdesigner设计界面并且美化界面教学
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美化界面、美化组件、自定义组件源码
08-20
Qt美化界面、美化组件、自定义组件源码。Qt各种美化组件集合，源码分享。
quitool_QT_qt界面漂亮_QT界面美化_qt漂亮界面_QTUI
09-11
在"quitool_QT_qt界面漂亮_QT界面美化_qt漂亮界面_QTUI"这个项目中，我们看到的"frmquitool.ui"、"frmquitool.h"和"frmquitool.cpp"三个文件是QT界面开发中常见的文件类型： 1. `frmquitool.ui`：这是一个由QT的...
styledemo.zip_QT 样式_QT界面美化_Qt 界面美化_style_界面美化
07-15
在`styledemo`项目中，可能包含了一个或多个`.ui`文件，这些是用Qt Designer创建的用户界面布局。`.ui`文件可以被编译成Python模块（`.py`），或者C++源代码（`.cpp`和`.h`），以便在程序中加载和使用。在这些文件中...
【Qt】Qt界面美化指南：深入理解QSS样式表的应用与实践
Colorful___的博客
05-30 3108
在当今这个视觉至上的时代，用户界面（UI）的设计对于任何软件产品来说都至关重要。一个美观、直观且易于使用的界面不仅能够提升用户体验，还能增强品牌形象，甚至在某些情况下，成为产品成功的关键因素之一。在Qt框架中，QSS（Qt样式表）提供了一种类似于网页前端CSS的强大工具，允许开发者对应用程序的界面进行细致的美化和定制。本文将深入探讨QSS的基本概念、基本语法以及如何通过不同的方式设置样式，旨在帮助开发者更好地利用这一工具，打造出更加出色的用户界面。界面优化 -> 美化一个程序的界面是否好看，是否重要呢？
QT界面美化
04-18
从网络上搜罗的最全的教你如何美化QT界面的指导性文档。
Qt界面美化
03-06
该程序提供了一个界面美化的整体处理方式，满足整体布局与具体控件的美化操作。
Qt界面美化指南
m0_73443478的博客
11-03 5982
Qt界面美化指南
Qt——界面优化
m0_64607843的博客
07-01 3473
这一篇就可以让控件不再是原始样式的了，我们可以根据需要设置不同的样式。
Qt使用Qt Designer进行界面设计
weixin_47488212的博客
04-05 6593
本章使用Qt Designer进行界面设计，讲解了控件拖拽，然后进行了水平布局，最后设计了一个相对来说复杂些的“简易加法器”。下一章我们以这个“简易加法器”为例学习如何编程使用控件，实现界面中输入加数后，点击“计算”按钮，得出结果并显示出来。
QT学习之路————QT界面的美化
热门推荐
huangan_xixi的博客
03-13 2万+
1、隐藏窗口的标题栏（包括最小化、最大化、关闭按钮） 只需要在构造函数中添加   setWindowFlags(Qt::FramelessWindowHint);  函数即可
qtdesigner美化登陆界面背景
01-02
### 如何在 Qt Designer 中设置和美化登录界面的背景 #### 使用样式表自定义控件外观 为了使登录界面更加美观，在Qt Designer中可以通过应用CSS样式的子集——样式表来定制控件的颜色、字体和其他属性。对于希望更改整个窗口或特定部件（如按钮）背景的情况，可以在Qt Designer内选定目标组件并编辑其`styleSheet`属性[^1]。 ```css QWidget { background-image: url(:/path/to/image.png); } ``` 上述代码展示了怎样利用样式表给QWidget指定一张图片作为背景。这里的路径应当替换为实际图像资源的位置；如果图像是项目的一部分，则应采用`:memory:`前缀加上相对路径表示法。 #### 去除默认边框与设定透明度 为了让应用程序看起来更为现代和平滑，有时会去除标准窗口装饰，并调整整体不透明程度。这通常涉及修改窗体类中的初始化部分： ```cpp // widget.cpp 文件内的构造函数里加入这两行配置 setWindowFlags(Qt::FramelessWindowHint | windowFlags()); setAttribute(Qt::WA_TranslucentBackground); ``` 这段C++代码片段实现了无边界且半透明的效果，适用于那些追求极简风格的应用场景[^2]。 #### 动态更新现有样式 当需要向已有的样式基础上添加新的规则而不完全覆盖旧有设置时，可以采取拼接字符串的方式构建复合样式声明。下面的例子说明了如何安全地增强home_button原有的样式而不会丢失先前定义的内容： ```python txt = self.home_button.styleSheet() + ''' QToolButton{ background-color: rgb(240, 240, 240); }''' self.home_button.setStyleSheet(txt) ``` 此Python脚本段落展示了一种方法，即通过获取当前存在的样式文本并与新定义相结合形成完整的样式描述符后再重新赋值回去[^3]。 综上所述，借助于Qt Designer的强大功能以及PyQt5所提供的灵活性，开发者能够轻松创建既实用又吸引人的图形用户界面。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值