pyqt5 + QSS + qt designer写了一个登录和注册界面

已于 2023-08-14 23:55:18 修改
阅读量144 收藏
点赞数
文章标签： qt python
于 2023-08-14 23:50:01 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Clion_CHENG/article/details/132288103
版权

pyqt5 + QSS + qt designer写了一个登录和注册界面

在离职的一段时间里，无聊就随手写了一个登录和注册界面，目前功能实现了登录，和跳转到主页面，其他的还未实现，本来我是想写一个带登录的chat GPT工具来着，后续会慢慢完善

前期

需要了解pyqt5，qt designer，QSS （与CSS大体一样，支持6000多种），不过这个登录你们也可以嫁衣到别的项目上去，如果风格不怎么喜欢，自己可以修改

成果：

下面是程序的GUI和业务代码，加上QSS简单美化一下，
在这里插入图片描述
在这里插入图片描述
项目代码：
页面代码

Kali_Mr_C
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
QSS教程：让Qt designer设计的框架更美化，方便pyqt5使用
云霄IT的博客
05-15 4502
一、选择器 /* 在主框架中使用才有效 */ *{...} /* 匹配所有 */ QPushButton{...} /* 按类寻找，匹配所有QPushButton类，包括其子类 */ .QPushButton{...} /* 按类寻找，匹配所有QPushButton类 ，不包括其子类*/ #Form{...} /* 按对象寻找，唯一识别 */ QWidget QPushButton{...} /* 多层寻找用空格隔开，能匹配子、孙... */ QWidget > QPush
PyQt5 + Qtdesigner 主要模块介绍及教程，实战分析
2401_84181524的博客
04-10 964
*uic模块——所包含的类用来处理.ui文件，该文件由Qt Designer创建，用于描述整个或者部分用户界面。Qt模块——将上面模块中的类综合到一个单一的模块中。QtWebKitWidgets模块——提供了一组类库，用于实现一种由Widgets包构建的、基于WebKit1的网络浏览器。QtXmlPatterns模块——所包含的类实现了对XML和自定义数据模型的Xquery与XPath的支持。QtXml模块——包含了用于处理XML的类库，此模块为SAX和DOM API 的实现提供了函数。
使用Qt Designer和Qss设计Qt界面
geji001的博客
10-06 2657
使用Qt Designer和Qss设计Qt界面
QT中QSS主题生成器
01-18
QSS 主题生成器 应用于项目按钮 文本框一键生成css格式的文本 主题皮肤设置 QSS 主题生成器 应用于项目按钮 文本框一键生成css格式的文本 主题皮肤设置
PYQT---QT designer 之 QSS
qinchen555的博客
01-04 3600
遇到问题: 按钮的样式,hover,pressed 要写在其他样式上方,要不不生效. 指定某个空间 “#控件名”,不指定的话所有子空间都会被改变.同理,可以把所有样式全都写在祖宗控件里 指定多个控件 用 ","来添加 比如 QPushButton#控件1名字,#控件1名字,#控件1名字{}; 以后再添加 1.QLabel QLabel#label_sum_text{ font: 75 35pt...
(2) 使用Qt Designer设计并实现第一个页面 - 登陆
YYDataV的博客
12-09 9477
目录 一、 使用Qt Designer 设计登录界面 1、新建 登录窗口 Main Window 2、创建 用户名和密码标识 3、创建用户名和密码 输入框 4、 创建 登录 和 取消 按钮 二、 将Qt Designer设计的.ui界面编译为.py文件 1、使用pyuic5命令编译 2、编译后的文件目录 三、创建 db.py 连接数据库 1、连接数据库 2、查询数据库 四、创建 main.py 整合界面，数据库，事件等 1、创建login窗口 2、绑定登录按钮到处理函数 ...
Qt Designer styleSheet的用法：QSS代码
甜度超标的博客
06-08 1716
Qt Designer styleSheet的用法“”：QSS代码问题解决办法 问题 之前做的界面过于难看，想要给选项按钮美化一下：（原始界面如下） 解决办法 1.右键QPushButton->Change styleSheet 2.输入一下QSS代码： QPushButton { border-radius:5px; background:rgb(144,238,144); color:black; font-size:15px; } 效果图 颜色选择：https://ww
Qt界面美化QSS——（一）使用方式、语法（选择器、伪状态）
热门推荐
qq_29912325的博客
06-20 3万+
QSS——Qt Style Sheet，Qt通过样式表设置控件样式进行个性化定制、界面美化。 1.使用方式 1.1.Qt Designer 在Qt Designer中，每个控件都有styleSheet属性，通过键入样式表，即可设置该控件的样式。如下图： 使用该方式的好处在于，可以直观看到设计效果，通过Ctrl+R就可以预览窗体设计。并且在编辑样式表窗口中添加资源、添加渐变、添加颜色、添加字体，方便直接编辑特定样式的颜色。此类方式编辑的样式表会作用于当前控件及其所有子控件。 1.2.QSS文件 使用QFil
pyqt 常用控件qss设置
12-21
在PyQt中，QSS（Qt Style Sheets）是一种强大的样式表语言，用于定制GUI应用程序的外观和感觉。它类似于HTML中的CSS，使开发者能够轻松地改变控件的颜色、字体、布局和其他视觉属性。本教程主要关注PyQt中常用控件的...
史上最强QT自定义界面纯QSS
11-13
找遍百度谷歌,潜心钻研官方QSS应用示例http://qt-project.org/doc/qt-4.8/stylesheet-examples.html,陆续完善三个月,终于得出一套自定义UI的QSS方案,只需要查找替换对应七个颜色值,就可制作出一套精美皮肤!
pyqt5 qss设置字体大小 qtdesigner
最新发布
04-21
关于Qt Designer，它是一个可视化的界面设计工具，可以帮助你创建和编辑Qt应用程序的界面。你可以使用Qt Designer来设计界面，并将其导出为.ui文件。然后，你可以使用PyQt5中的uic模块将.ui文件转换为Python代码，并...
Qt界面元素美化之QSS（Qt Style Sheets）样式表
宁静致远的博客
05-25 4159
Qt界面元素美化之QSS（Qt Style Sheets）样式表简介基本语法规则示例 简介 Qt程序界面中控件的背景图片、大小、字体颜色、字体类型、按钮状态变化等属性可以通过Qss文件来设置，美化UI界面。实现界面和程序的分离，快速切换皮肤。 Qt样式表是一种强大的机制，它允许您自定义小部件的外观，而不仅仅是通过子类化QStyle已经可以实现的功能。Qt样式表的概念、术语和语法与HTML的CSS样式表类似。 样式表是文本规范，可以使用QApplication::setStyleSheet()在整
Qt扫盲-Qt Designer配置QSS交互使用
洪源兄
01-03 1935
Qt Designer {Qt Designer }是一个很好的工具来预览样式表、设置样式的效果，而且是所见即所得，用界面这种开发更快些。我一般是在Qt Designer把样式设置好，然后把样式写到一个新的文件里，再从文件里来获取这个样式表，这样就可以根据这个基础的样式进一步改变好几套的新皮肤。扩展性更好些。
Qt Style Sheet（三）---- Qt Designer Integration
Liuqz2009的专栏
11-16 1022
Qt Designer Integration Qt designer是一个优秀的工具来预览style sheet。你能右键点击在任何widget，选择change stylesheet来设置风格。 在qt4.2和以后的版本。Qtdesigner也包括一个style sheet语句高亮和验证机制。验证会提示语句是否有效。显示在edit style sheet左下角。 当你点击ok或者
Qt控件美化 用好CSS/QSS可视化工具
zy_小轩的博客
10-21 725
一、CSS概念 级联样式表 (CSS) 包含应用于网页中的元素的样式规则。CSS 样式定义元素的显示方式以及元素在页中的放置位置。可以创建一个通用规则，只要 Web 浏览器遇到一个元素实例，或遇到一个分配给某个特定样式类的元素，该规则就立刻应用属性，而不是将属性逐个分配给页中的每个元素。CSS 样式可以通过内联方式放置在单个 HTML 元素内，也可以在网页 head 部分的 style 块内加以分组，或从单独的样式表中导入。如果样式是在单独的样式表中创建的，则可以将多个网页链接到该样式表，从而为整个网站提供
qtdesigner界面美化
fresh_nam的博客
08-11 5787
pyqt5使用qtdesigner设计界面并且美化界面教学
Qt之可视化QSS生成器（初探）
Shijia Yin
04-02 3808
简述 QSS是Qt的样式表，类似于CSS，目前主要支持CSS2。 写代码调样式非常不直观，因此需要一个所见即所得的可视化样式生成器，网上有很多CSS样式生成器，最适合网页开发人员的10款CSS代码生成器里面介绍了一些常用的CSS样式生成器，但是CSS和QSS毕竟不完全一样，所以生成的代码需要修改，这些修改的工作量也是不小的。Qt大神刘典武先生写了一个皮肤生成器，该生成器可以快速地生成整套皮肤，着实...
Qt扫盲-Qt Designer 设计师使用总结
洪源兄
12-04 1万+
顶部菜单栏主要是一个界面所有功能的缩略，里面主要的一些常用的功能都放在了快捷栏里面，但是还是需要了解里面的常用功能 这个是进行一些界面编辑的工具栏 这些工具栏都是互斥的 只能同时间点一个 这个默认是被选中的，选中后，我们就可以在中间绘图区拖拽控件了，然后布局，编辑属性之类的呐 这两个分别是 编辑槽函数、和与QLabel 相关的 设置 Buddy的，用的少一般都是手动设置 但是编辑 Tab 键顺序的这个用的多些，可以方便的绑定Tab顺序，一般都是系统自己就设好了 点击按钮亮的数字就可以设置顺序了 这边
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

Kali_Mr_C

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

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

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

打赏作者

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

抵扣说明：

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

余额充值