用 Python 以最简单的方式创建现代 GUI 的 4 种方法
由 Mux 主办的 DEV 全球展示挑战赛：展示你的项目！
介绍
各位开发者好，我是 Yash Makan，今天我们将探讨如何用 Python 创建美观的 UI 应用。我知道用 Python 来谈论“美观的 UI”听起来有点奇怪，因为我个人觉得标准的 Tkinter 库并不足以开发出令人惊艳的 UI。今天我们将介绍四种用 Python 创建现代应用的方法，那么事不宜迟，让我们开始吧！
前
后
1. 使用鳗鱼
我们列表中的第一个方法是为了解 HTML 和 CSS（如果您不了解，我也强烈建议您学习）并具备 JavaScript 基础知识的开发人员准备的。
它是如何运作的？
基本上，你将使用 HTML 和 CSS 开发前端，并用 Python 编写计算或后端部分。然后，eel 将充当 Python 和 JavaScript 之间的桥梁，并传递数据。
安装
pip install Eel
目录结构
└── Folder
├── templates
| ├── index.html
| ├── main.js
| └── style.css
└── main.py
cat main.py
import eel
# name of folder where the html, css, js, image files are located
eel.init('templates')
@eel.expose
def demo(x):
return x**2
# 1000 is width of window and 600 is the height
eel.start('index.html', size=(1000, 600))
cat main.js
function compute() {
var data = document.getElementById("data").value
eel.demo(data)(setValue) // call the demo function which we have created in the main.py file
}
function setValue(res) {
document.getElementById("abc").src = res
}
cat index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>sample</title>
<link href="style.css" rel="stylesheet">
<script type="text/javascript" src="/eel.js"></script
<script type="text/javascript" src="main.js"></script>
</head>
<body>
<!--
have to call compute() from here for example when user clicks any button or something like that.
-->
</body>
</html>
GitHub 参考
- Figma 和 Python
好吧，你肯定在想Figma和Python有什么关系？而且Figma是一个UI开发工具，又不是用Python写的库……没错！我知道你说得对，但我们继续往下看。
安装
pip install tkdesigner
工作原理
用户只需使用 Figma 设计界面，然后将 Figma 文件 URL 和 API 令牌粘贴到 Tkinter Designer 中即可。Tkinter Designer 将自动生成在 Tkinter 中创建 GUI 所需的所有代码和图像。
完整步骤请观看Parth Jadhav在YouTube上发布的这段视频。
GitHub 参考
- Pywebview
pywebview 是一个轻量级的跨平台 webview 组件封装器，它允许在自己的原生 GUI 窗口中显示 HTML 内容。pywebview 由Roman Sirokov创建 。
安装
pip install pywebview
示例代码
import webview
if name == 'main':
window = webview.create_window('Load HTML Example', 'index.html')
webview.start(window)
GitHub 参考
- PyQT5
PyQt 是一个优秀的 Python 库，用于开发现代扁平化 GUI。虽然使用 Python 代码创建应用程序可能有点困难，甚至让人不知所措，但我们将介绍最简单的方法，您甚至可以使用名为 PyQt5Designer 的拖放式构建器来创建 GUI。它通过生成一个 .ui 文件（即拖放式程序）来构建应用程序，之后您可以将此 .ui 文件转换为 .py 文件。
安装
pip install PyQt5Designer
步骤
安装完成后，设计器将安装到您的系统中。只需designer在命令提示符中输入 `designer.exe`，即可弹出。界面大致如下：
现在，您可以在画布中拖放元素。设计好应用程序后，只需将其导出为 .ui 文件。之后，您可以使用以下命令将此 .ui 文件转换为 .py 文件：
pyuic5 -x [NAME_OF_UI_FILE].ui [NAME_OF_PY_FILE].py
结论
所以你看，这里介绍了用 Python 制作精美 GUI 的 4 种简单方法。希望你喜欢我的博客，如果这篇文章对你有帮助，请点个赞并收藏起来。也请把这篇文章分享给你的朋友，让他们也能学到新东西（别太自私……）。你也可以在Twitter上关注我，获取更多技术和 Python 相关内容。希望下次还能看到你的文章，再见！
