使用 CustomTkinter 模块在 Python 中创建现代登录 UI

引言

在本教程中，我们将讨论如何使用 Python 中的 CustomTkinter 模块创建现代登录 UI。当代的 PC 应用程序是用户友好的。用户交互不限于控制台输入/输出。它们具有不同的人体工程学图形用户界面 (GUI) 方法，以实现高速度处理器和强大的图形硬件。这些应用程序可以通过鼠标单击接收输入，并允许用户通过单选按钮、下拉列表和其他 GUI 元素（或小部件）选择选项。此类应用程序是通过考虑可用的众多图形库之一来开发的。图形库是软件工具包，其中包含定义各种 GUI 元素功能的类。这些图形库通常用 C/C++ 编写。其中许多已被移植到 Python 作为可导入模块。其中一些列在下面

Tkinter 是 Tcl-Tk GUI 工具包的 Python 端口，由 Fredrik Lundh 开发。此模块包含在适用于所有平台的 Python 的标准发行版中。CustomTkinter 是一个基本上构建在 Tkinter 模块之上的模块，它允许开发人员创建传统的 Tkinter 模块无法实现的现代 UI。它支持各种新的、现代的、可自定义的小部件来安装我们的 UI。Tkinter 和 CustomTkinter 都可以一起用于构建 UI。

需要哪个模块？

在本文中，我们需要 CustomTkinter 和 Tkinter 模块来构建登录页面。我们将通过在终端中执行以下指令来安装这些模块。

如何创建简单的空白 UI？

要创建简单的页面，首先导入 CustomTkinter 模块，然后使用 set_appearance_mode() 函数来加深页面的外观，并使用 set_default_color_theme() 函数来设置蓝色主题。之后，初始化应用程序并设置大小和标题。

程序代码

现在我们用 Python 编写代码。

输出

现在我们编译上述应用程序并运行它。标题栏显示指定的标题。换句话说，使用 Customtkinter 的现代登录 UI。它看起来像这样，因为它处于暗模式。还没有添加任何内容，因此需要反映此主题。稍后添加小部件将生效。然后下面给出输出。

创建登录函数

在这里，我们编写登录函数。输入正确的用户名和密码后，将显示欢迎或错误消息。我没有为此使用数据库，因此使用了预定义的用户名和密码。

程序代码

在这里，我们用 Python 编写代码来创建登录函数。代码如下 -

在这里，我们首先创建一个预定义的用户名和密码，只能用于登录。new_window 变量使用 CTkToplevel() 方法创建另一个窗口。这类似于经典 Tkinter 中的 Toplevel() 方法。作为参数，传递初始化 CustomTkinter 的 app 变量。还定义了新窗口的标题以及高度和宽度。然后使用 get() 方法检查用户是否输入了正确的用户名和密码。user_entry 和 user_pass 变量将在稍后代码中创建这些小部件时使用。

对于每种类型的错误，都会显示不同的警告或错误消息。在这里，我们还使用传统的 Tkinter 模块的 messagebox 方法来显示警告、错误和成功消息。

在 Python 中创建并添加小部件

首先，我们创建主页的标签（可选）。然后创建我们的 UI 框架的 body。然后创建将显示在我们添加的小部件顶部的标签。然后我们正在增加访问部分，用户将在其中输入用户名和密码；在密码部分，我们传递 show 参数为“*”，因为当我们输入密码时只会显示“***”。然后选择填充。然后是登录按钮，传递我们之前创建的登录函数，最后是“记住我”的复选框，用户可以选择提供或不提供。最后，我们使用 mainloop() 方法运行应用程序。

程序代码

在这里，我们用 Python 编写代码来创建和添加小部件。代码如下 -

输出

程序代码

在这里，我们用 Python 编写完整的代码。代码如下 -

UI 的基本应用

GUI 元素及其功能在 Tkinter 模块中定义。以下代码演示了创建 UI 的步骤。

说明

首先，导入 Tkinter 模块。导入后，调用 Tk() 函数来设置应用程序对象。这会创建一个带有标题栏、带有最小化和关闭按钮的控制字段以及用于容纳其他小部件的客户区域的带边框的顶级（根）窗口。geometry() 方法确定窗口的宽度、高度和左上角坐标，如下所示（所有值均以像素为单位）：window.geometry("widthxheight+XPOS+YPOS")。它通过调用 mainloop() 方法进行循环。应用程序现在会持续等待内部元素生成的任何事件。事件可以是文本输入到文本字段、从下拉列表或单选按钮中选择、单击或双击操作等。应用程序的功能可能包括响应特定类型的事件执行适当的回调函数。已包含。事件类型。事件处理将在本教程后面讨论。单击标题栏中的关闭按钮退出事件循环。

结论

因此，在本文中，我们讨论了如何使用 Python 中的 CustomTkinter 模块创建现代登录 UI。CustomTkinter 是一个基本上构建在 Tkinter 模块之上的模块，它允许开发人员创建传统的 Tkinter 模块无法实现的现代 UI。当代的 PC 应用程序是用户友好的。用户交互不限于控制台输入/输出。它们具有不同的人体工程学图形用户界面 (GUI) 方法，以实现高速度处理器和强大的图形硬件。