网站搜索

使用 Glade 和 GTK+ 在 Python 中创建您的第一个 GUI


正在寻找一种简单的方法来创建美观的 GUI 应用程序? Python、GTK+ 和 Glade 都可以完成这项工作。

要点

  • Python 开发人员可以使用 GTK+ 和 Glade 使用可视化界面创建直观的 GUI。
  • 本示例的环境设置涉及安装 Python、GTK+、Glade 和 PyGObject。
  • 使用 GTK+ 和 Glade 进行 Python GUI 开发可加快流程并将 GUI 设计与代码分开。

Python 是一种易于访问的语言,非常适合数据分析和 Web 开发。但对于 GUI 应用程序开发来说,它也是一个不错的选择。 GTK+ 和 Glade 简化了创建简单跨平台应用程序的过程。

面向 Python 开发人员的 GTK+ 和 Glade 界面设计器

对于想要创建直观且令人愉悦的图形用户界面的 Python 开发人员来说,GTK+(GIMP 工具包)和 Glade Interface Designer 是一个绝佳的组合。

GTK+ 是一个多平台工具包,可用于 GUI 开发。它与多种操作系统兼容,包括 Linux、Windows 和 macOS。

Glade Interface Designer 是 GTK+ 的配套工具,让您无需编写布局代码即可设计 GUI。您可以使用它通过几次点击和简单的拖放功能在所见即所得环境中创建 GUI。

为 GTK+ 和 Glade 开发设置 Python 环境

设置环境是确保工作流程顺利高效的关键的第一步。

1.安装Python

首先确保您的系统上安装了 Python。您将在阅读的示例中看到 Python 3 代码,因为它为 GTK+ 和 Glade 提供了更好的支持和集成。对于 Linux 和 macOS,通常会预安装 Python。

Windows用户可以从Python官方网站下载Python。

2.安装GTK+

您可以使用包管理器安装 GTK+。

对于 Ubuntu 和基于 Debian 的 Linux 系统使用:

sudo apt-get install libgtk-3-dev

对于 Fedora 和类似版本:

sudo dnf install gtk3-devel

macOS 上,使用 Homebrew:

brew install gtk+3

Windows用户可以从GTK的官方下载页面下载GTK+。但如果你安装了MSYS2,你可以打开MSYS2命令行并使用以下命令:

pacman -S mingw-w64-x86_64-python-gobject

3. 安装空地

您可以使用命令行来安装 Glade。

对于 Ubuntu 和基于 Debian 的 Linux 发行版:

sudo apt-get install glade

在费多拉上:

sudo dnf install glade

macOS 用户可以使用 Homebrew:

brew install glade

Windows 用户可以对 MSYS2 使用以下命令:

pacman -S mingw-w64-x86_64-glade

4. GTK+ 的 Python 绑定

安装 PyGObject 将 GTK+ 与 Python 集成。为此,您将使用的命令是:

pip install PyGObject

如果在 PyGObject 安装过程中出现“Buildingwheel for pycairo (pyproject.toml) did not run”之类的错误,您还需要安装 cairo 包。

对于 Ubuntu 和基于 Debian 的 Linux 发行版:

sudo apt-get install libcairo2-dev

对于费多拉:

sudo yum install cairo-devel

macOS 上:

brew install pygobject3

5. 设置虚拟环境(可选)

Python 项目使用虚拟环境是一个很好的做法。这隔离了您的项目依赖性。使用以下终端命令在 Linux 上创建并激活虚拟环境:

python -m venv myenv
source myenv/bin/activate

在 Windows 上使用:

python -m venv myenv
myenv\Scripts\activate

macOS 上,为确保虚拟环境可以访问brew安装的包,请使用:

python -m venv --system-site-packages myenv
source myenv/bin/activate

6. 验证安装

要验证 GTK+ 和 Glade 是否已安装,请创建一个导入 GTK 的简单 Python 脚本:

import gi
gi.require_version("Gtk", "3.0")
from gi.repository import Gtk
print("GTK+ version:", Gtk.get_major_version(), Gtk.get_minor_version())

当您运行此脚本时,它将输出已安装的 GTK+ 版本。如果一切顺利,您的开发环境就已经搭建完毕。

使用 Glade Interface Designer 和 Python 创建简单的 GUI 应用程序

您可以在 Glade Interface Designer 中设计 GUI 应用程序并将布局导出为项目文件。然后,您可以从 Python 代码访问该项目文件。

使用 Glade 设计你的 GUI

Glade 的拖放界面使您可以轻松地专注于设计,而不必陷入底层代码中。使用以下命令从系统的应用程序菜单或命令行启动 Glade:

glade

您应该会看到 Glade 界面,您可以在其中开始创建 GUI 布局。

左上角的创建新项目按钮为您的 GUI 设计提供了空白画布。 Glade 在其顶部栏中提供了各种小部件,包括按钮、文本输入和标签。将这些小部件拖到画布上以开始设计 GUI 样式。您可以根据您的设计需要调整小部件的大小和位置。

首先,从 Toplevels 菜单中选择 GtkWindow 小部件:

在Glade右侧栏的常规页面上,您将看到一个ID选项。此 ID 是您添加的小部件的唯一名称。对于本示例,将 ID myMainWindow 分配给您添加的 GtkWindow。

您现在可以将小部件添加到您创建的主窗口中。转到顶部栏中的Containers,选择GtkBox小部件,并将其拖到您的工作区。然后给它一个 ID,myMainBox

添加 GtkBox 小部件后,您将在工作区右侧看到特定于该小部件的各种选项。您可以在此处编辑整个设计,而无需编写任何代码。

接下来,将控制小部件添加到您的设计中。为此,请转到顶部栏中的 Control,选择 GtkButton 作为示例,并将其拖动到 GtkBox 中的任意位置。为其指定 ID,myButton。如果需要,您还可以使用右侧面板中的常规选项卡更改按钮的文本。

GtkButton 是一个可点击的小部件,因此您可以为其定义一个 Python 处理程序并稍后编写适当的代码。转到右侧菜单中的信号选项卡,并为点击信号指定处理程序。对于本示例,将其命名为 on_button_clicked

您现在可以将 GUI 设计保存为项目文件。将文件另存为myDesign.glade

使用 Python 代码中的 Glade 设计文件

在与 myDesign.glade 文件相同的目录中创建一个 app.py 文件。将以下代码粘贴到该文件中:

import gi
gi.require_version("Gtk", "3.0")
from gi.repository import Gtk
from gi.repository import Gdk
class MyApp:
    def __init__(self):
        # Load the Glade file to construct the GUI
        self.builder = Gtk.Builder()
        self.builder.add_from_file("myDesign.glade")

        # Retrieve the main window from Glade and set up the close event
        self.window = self.builder.get_object("myMainWindow")
        self.window.connect("destroy", Gtk.main_quit)

        # Retrieve the button from Glade and connect the click event
        self.button = self.builder.get_object("myButton")
        self.button.connect("clicked", self.on_button_clicked)

        # Variable to toggle the background color
        self.color_toggle = False
    def on_button_clicked(self, widget):
        # Click the button and the background color will change
        color = "#FF0000" if self.color_toggle else "#00FF00"
        self.window.modify_bg(Gtk.StateType.NORMAL, Gdk.color_parse(color))
        self.color_toggle = not self.color_toggle
    def run(self):
        self.window.show_all()
        Gtk.main()
if __name__ == "__main__":
    app = MyApp()
    app.run()

每次单击按钮时,此代码都会更改背景颜色。请注意对 self.builder.get_object() 的调用,它传递您在 Glade 中定义的小部件的 ID。

使用以下命令运行 Python 脚本以查看结果:

python3 app.py

使用 GTK+ 和 Glade 进行 Python GUI 开发的优势

使用 GTK+ 和 Glade 进行 Python GUI 开发具有明显的优势。通常,创建 GUI 需要花费大量时间和精力。但使用 Glade Interface Designer,您可以加快这一过程。 Glade 还提供了广泛的小部件,每个小部件都像示例中的按钮一样易于使用。

Glade 的一个关键优势是它能够将 GUI 设计与代码分开。这使得维护和更新 GUI 变得更加简单。这种方法可以生成更干净、组织更好的代码,符合现代编程实践。