Python QT5设计UI界面教程

这篇具有很好参考价值的文章主要介绍了Python QT5设计UI界面教程。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

简介:PyQT5开发常用知识,零基础上手,需配合我之前写的博文,配置好QT设计工具和ui文件转py文件的工具。博文为:使用Python PyQt5实现一个简单的图像识别软件;页面效果如下:

pyqt5界面设计,python,ui,python,qt

1.设计菜单栏

Containers——>Tab Widget;

pyqt5界面设计,python,ui,python,qt

2.横向排布  可以自动水平对齐

pyqt5界面设计,python,ui,python,qt

3.文本框和选择框

pyqt5界面设计,python,ui,python,qt

4.日期输入框和按钮

pyqt5界面设计,python,ui,python,qt

 5.布局技巧  巧用空Label

pyqt5界面设计,python,ui,python,qt

 6.滚动条设置  Container——>Scroll Area

pyqt5界面设计,python,ui,python,qt

 7.显示文本或图片的Label控件

pyqt5界面设计,python,ui,python,qt

 8.生成.py文件     将上面的ui文件保存后,使用PyUIC将ui文件转变成python代码;

pyqt5界面设计,python,ui,python,qt

 9.通过代码来对ui进行细致修改

(1)设置Tab顺序

设置优先显示的tab,代码如下:

self.tabWidget.setCurrentIndex(0)

表示优先显示第一个Tab;

(2)设置Label里的文本自动换行且从左上角开始排列:

self.label_5.setWordWrap(True)
self.label_5.setAlignment(QtCore.Qt.AlignLeft | QtCore.Qt.AlignTop)

设置后的效果如下:

pyqt5界面设计,python,ui,python,qt

 可以看到已经不再是居中的形式;

 (3)PyQT5 Label设置文本对齐方式

self.label.setAlignment(QtCore.Qt.AlignRight|QtCore.Qt.AlignVCenter)

(4)PyQT5 QTableWidget 设置单元格内文本的居右对齐

x = QTableWidgetItem('Test')
x.setTextAlignment(Qt.AlignRight | Qt.AlignVCenter)

(5) 给Label设置边框

self.label.setStyleSheet("border-width: 1px;border-style: solid;boder-color: rgb(0,0,0);")

(6)设置纵向滚动条

self.scrollArea = QtWidgets.QScrollArea(Form)
self.scrollArea.setGeometry(QtCore.QRect(10, 60, 551, 221))
self.scrollArea.setVerticalScrollBarPolicy(QtCore.Qt.ScrollBarAlwaysOn)
self.scrollArea.setHorizontalScrollBarPolicy(QtCore.Qt.ScrollBarAlwaysOff)
self.scrollArea.setWidgetResizable(False)
self.scrollArea.setObjectName("scrollArea")
self.scrollAreaWidgetContents = QtWidgets.QWidget()
self.scrollAreaWidgetContents.setGeometry(QtCore.QRect(0, 0, 550, 3000))
self.scrollAreaWidgetContents.setMaximumSize(QtCore.QSize(1000, 4000))
self.scrollAreaWidgetContents.setObjectName("scrollAreaWidgetContents")

(7)设置日期 输入框

self.dateEdit = QtWidgets.QDateEdit(QDate.currentDate())
self.dateEdit.setObjectName("dateEdit")
self.dateEdit.setDisplayFormat("yyyy-MM-dd")
self.dateEdit.setMinimumDate(QDate.currentDate().addDays(-3652))
self.dateEdit.setMaximumDate(QDate.currentDate().addDays(3652))
self.horizontalLayout_2.addWidget(self.dateEdit)

(8)程序入口代码

if __name__ == '__main__':
    app = QtWidgets.QApplication(sys.argv)
    mainWindow = QtWidgets.QMainWindow()
    ui = Ui_Form()
    ui.setupUi(mainWindow)
    mainWindow.show()
    sys.exit(app.exec_())

(9)打包为.exe文件命令

pyinstaller -F -w  文件名称.py

推荐阅读:文章来源地址https://www.toymoban.com/news/detail-797834.html

1.PyQt5实现父窗口内点击按钮显示子窗口(窗口嵌套功能)

到了这里,关于Python QT5设计UI界面教程的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 人脸识别系统OpenCV+dlib+python(含数据库)Pyqt5界面设计 项目源码 毕业设计

    Python语言、dlib、OpenCV、Pyqt5界面设计、sqlite3数据库      本系统使用dlib作为人脸识别工具,dlib提供一个方法可将人脸图片数据映射到128维度的空间向量,如果两张图片来源于同一个人,那么两个图片所映射的空间向量距离就很近,否则就会很远。因此,可以通过提取图片并

    2024年02月05日
    浏览(49)
  • Pycharm中成功配置PyQt5(External Tools),设计好界面直接生成python代码

    在Pycharm中设置好Python环境,点击File-Settings-Project-Python Interpreter  设置好后退出,点击窗口下的Terminal,输入  同样的方法安装PyQt5-tools: 点击File-Settings-Tools-External Tools,点击+号    需要配置三个tools ,分别是 QtDesigner、PyUICS、Pyrcc,其中QtDesigner是qt 设计师,PyUics是把UI界面转

    2024年02月11日
    浏览(50)
  • 使用PYQT5设计登录界面并实现界面跳转

    目录   1 UI登录界面的布局 2 UI登录界面布局对应的代码 3 登录界面和界面跳转完整代码 4 跳转界面代码函数和优化界面代码 5 最终效果        其中, 欢迎使用 XXXX 软件管理员密码 使用的是左边功能的 label 类、 登录 使用的是左边功能的 Push Button 类、 管理员和密码的输入

    2024年02月02日
    浏览(41)
  • 实习记录(5)——PyQT5界面设计及交互

    首先按照甲方PPT上给的界面做了,在写内部逻辑的时候发现有不少问题,没考虑到使用者的感受,甚至我觉得根本用不了。于是我和小哥讨论了一下之后,我按照我的想法做了一个新的页面出来,能实现需求的同时,让使用的人体验更好也更直观。 昨天安装成功了PyQT5,今天

    2023年04月24日
    浏览(32)
  • Yolov5(v5.0) + pyqt5界面设计

     2.1 添加QtDesigner  Qt Designer 是通过拖拽的方式放置控件,并实时查看控件效果进行快速UI设计 位置 内容 name 可以随便命名,只要便于记忆就可以,本次采取通用命名:Qt Designer Program designer.exe路径,一般在python中.Librarybindesigner.exe Arguments 固定格式,直接复制也可: $FileDir

    2024年04月15日
    浏览(36)
  • PyQt5下界面设计, 无边框加阴影界面, 鼠标左键移动事件

            本人小白, 网罗各个网页与资源学习总结的内容, 设置界面无边框且留有阴影, 且鼠标左键可以拖动界面的方法.         首先我们寻找一个模板进行学习演示, 例如腾讯会议的界面:         本人会仿照这个界面进行演示说明, 包括各种样式(你看到就是赚到)      

    2023年04月09日
    浏览(33)
  • PyQt5桌面应用开发(21):界面设计结果自动测试(二)

    PyQt5桌面应用开发(1):需求分析 PyQt5桌面应用开发(2):事件循环 PyQt5桌面应用开发(3):并行设计 PyQt5桌面应用开发(4):界面设计 PyQt5桌面应用开发(5):对话框 PyQt5桌面应用开发(6):文件对话框 PyQt5桌面应用开发(7):文本编辑+语法高亮与行号 PyQt5桌面应用开

    2024年02月09日
    浏览(34)
  • 【Python】pyqt5入门教程之第一个UI界面

    1.pyqt5工具安装 (1)使用pip工具安装PyQt5工具: (2)安装Qt Designer图形界面开发工具: 安装完成后所在路径 (3)安装QtDesigner 安装完成后所在路径 designer.exe路径 启动QtDesigner 2.第一个QT窗口程序 Pycharm配置 找到py文件,右键External Tool — QTDesigner—就可以启动 QTDesigner .ui文件转换

    2024年02月15日
    浏览(39)
  • mac python3.9安装pyqt5、qt5、pyqt5-tools

    pyqt6安装参考 PyQT6:看这一篇就够了 python PyQt6 常用操作以及常见问题解决 pycharm配置tools 参考链接 以下pip命令自行更具自己环境选择pip或pip3 在安装pyqt前必须先安装sip包 完成sip的安装后,安装pyqt和pyqt-tools, 可以直接使用命令: 若是使用pip3安装报错 AttributeError: module ‘sipb

    2024年02月14日
    浏览(33)
  • qt中使用 ui 文件进行界面设计

    目录 1、创建 Qt 应用 ​2、项目创建成功 3、直接点击打开 mainwindow.ui 文件 4、随便从左边侧边栏拖拽一个空间到 界面设计区域 5、在右侧边栏右键点击 pushButton 控件,点击转到槽 6、根据实际需要选择对应的信号,我这里方便演示选择 clicked()信号,直接点击 OK 7、自动在

    2024年02月04日
    浏览(29)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包