python pyqt5 漂亮界面

原创

mob649e8162842c 2024-08-17 05:43:46 ©著作权

文章标签 控件 Layout 应用程序 文章分类 Python 后端开发

©著作权归作者所有：来自51CTO博客作者mob649e8162842c的原创作品，请联系作者获取转载授权，否则将追究法律责任

使用 PyQt5 创建漂亮的 Python 界面

欢迎来到 PyQt5 的世界！如果你是一名刚入行的小白，想要创建漂亮的界面，那么你来对地方了！本文将一步一步引导你如何使用 PyQt5 来构建美观的 GUI 应用程序。

整体流程概述

在开始之前，我们先来看一下整个开发流程。以下是步骤表：

步骤	描述
1	环境准备
2	创建基本应用
3	添加布局和控件
4	设置样式
5	运行和测试

步骤详解

1. 环境准备

在你的开发环境中安装 PyQt5。你可以使用以下命令进行安装：

pip install PyQt5

这条命令会从 PyPI 获取最新版本的 PyQt5 并安装到你的 Python 环境中。

2. 创建基本应用

接下来，我们要创建一个基本的 PyQt5 应用程序。请参考以下代码：

import sys
from PyQt5.QtWidgets import QApplication, QMainWindow

# 创建一个主窗口
class MainWindow(QMainWindow):
    def __init__(self):
        super().__init__()
        self.setWindowTitle('我的漂亮应用')
        self.setGeometry(100, 100, 800, 600)  # 窗口的位置和大小

if __name__ == '__main__':
    app = QApplication(sys.argv)
    window = MainWindow()
    window.show()
    sys.exit(app.exec_())  # 运行应用

代码说明：

QApplication：这是 PyQt 应用的基础，需要在每个 PyQt 应用程序中创建一个 QApplication 实例。
QMainWindow：主窗口的类，提供了在窗口中布局其他控件的能力。
setWindowTitle 设置窗口标题。
setGeometry 设置窗口的位置和大小。

3. 添加布局和控件

现在让我们在窗口中添加一些控件。如按钮和标签。可以使用 QVBoxLayout 或 QHBoxLayout 来实现简单的布局。以下是添加控件的代码：

from PyQt5.QtWidgets import QVBoxLayout, QPushButton, QLabel, QWidget

class MainWindow(QMainWindow):
    def __init__(self):
        super().__init__()
        self.setWindowTitle('我的漂亮应用')
        self.setGeometry(100, 100, 800, 600)

        # 创建一个中心小部件
        self.central_widget = QWidget(self)   
        self.setCentralWidget(self.central_widget)

        # 创建布局
        self.layout = QVBoxLayout(self.central_widget)

        # 创建控件
        self.label = QLabel('欢迎使用 PyQt5!', self)
        self.button = QPushButton('点击我', self)

        # 将控件添加到布局中
        self.layout.addWidget(self.label)
        self.layout.addWidget(self.button)

代码说明：

QVBoxLayout：垂直布局管理器，按照从上到下的顺序放置控件。
QWidget：用于包裹其他控件，我们将其设置为中心小部件。
addWidget：将控件添加到布局中。

4. 设置样式

现在添加一些样式，以便使应用看起来更美观：

        # 设置控件样式
        self.label.setStyleSheet('font-size: 24px; color: blue;')
        self.button.setStyleSheet('background-color: green; color: white; font-size: 18px; border-radius: 10px;')

代码说明：

setStyleSheet：用于设置控件的样式，通过 CSS 风格定义属性。

5. 运行和测试

现在你可以运行整个应用程序了，运行代码后，你应该会看到一个漂亮的窗口，显示了欢迎标签和一个按钮。

完整的代码如下：

import sys
from PyQt5.QtWidgets import QApplication, QMainWindow, QVBoxLayout, QPushButton, QLabel, QWidget

class MainWindow(QMainWindow):
    def __init__(self):
        super().__init__()
        self.setWindowTitle('我的漂亮应用')
        self.setGeometry(100, 100, 800, 600)

        # 创建一个中心小部件
        self.central_widget = QWidget(self)   
        self.setCentralWidget(self.central_widget)

        # 创建布局
        self.layout = QVBoxLayout(self.central_widget)

        # 创建控件
        self.label = QLabel('欢迎使用 PyQt5!', self)
        self.button = QPushButton('点击我', self)

        # 设置控件样式
        self.label.setStyleSheet('font-size: 24px; color: blue;')
        self.button.setStyleSheet('background-color: green; color: white; font-size: 18px; border-radius: 10px;')

        # 将控件添加到布局中
        self.layout.addWidget(self.label)
        self.layout.addWidget(self.button)

if __name__ == '__main__':
    app = QApplication(sys.argv)
    window = MainWindow()
    window.show()
    sys.exit(app.exec_())  # 运行应用