快捷搜索:  汽车  科技

pythongui界面编程讲解(以最简单的方式在python中创建现代GUI的4种方法)

pythongui界面编程讲解(以最简单的方式在python中创建现代GUI的4种方法)现在,您可以在画布中拖放元素。在设计应用程序之后,只需将其导出为.ui文件即可。稍后,您可以将这个.ui文件转换为.py文件,pip install PyQt5Designer步骤安装后,设计器将安装在您的系统中。简单键入designer在您的命令提示符和设计器.exe将弹出。它会看起来像这样pip install tkdesigner它是如何工作的用户只需要使用Figma设计一个接口,然后将Figma文件URL和API令牌粘贴到TkinterDesigner中。TkinterDesigner将自动生成在Tkinter中创建GUI所需的所有代码和图像。For complete procedure do watch [this](https://www.youtube.com/watch?v=mFjE2-rbpm8&t=66s&ab_channel=Parthjadhav) video on

导言

你好,今天本文将讨论如何在python中创建漂亮的UI应用程序。我知道这听起来有点奇怪,因为我个人觉得标准Tkinter库不足以开发出令人惊奇的UI。今天,我们将介绍4种在python中创建现代应用程序的不同方法,因此,让我们开始,

pythongui界面编程讲解(以最简单的方式在python中创建现代GUI的4种方法)(1)

以前

pythongui界面编程讲解(以最简单的方式在python中创建现代GUI的4种方法)(2)

pythongui界面编程讲解(以最简单的方式在python中创建现代GUI的4种方法)(3)

1.使用鳗鱼

我们列表中的第一个方法是针对那些了解HTML&CSS的开发人员(如果您不知道,那么我也强烈推荐它),并提供javascript的基础知识。

它怎麽工作?

基本上,您将使用HTML和CSS开发前端,并用python编写计算或后端部分。ND鳗鱼充当python和javascript之间的桥梁,并传递数据。

pythongui界面编程讲解(以最简单的方式在python中创建现代GUI的4种方法)(4)

安装

pip install Eel目录结构

└── Folder ├── templates | ├── index.html | ├── main.js | └── style.css └── 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参考资料

<https://github.com/ChrisKnott/Eel>2.Figma和Python

好吧,你一定在想Figma和python之间的组合是什么?Figma是一个UI开发工具,不是用python编写的库.嗯!我知道你是对的,但让我们继续读这篇文章吧。

安装

pip install tkdesigner它是如何工作的

用户只需要使用Figma设计一个接口,然后将Figma文件URL和API令牌粘贴到TkinterDesigner中。TkinterDesigner将自动生成在Tkinter中创建GUI所需的所有代码和图像。

pythongui界面编程讲解(以最简单的方式在python中创建现代GUI的4种方法)(5)

For complete procedure do watch [this](https://www.youtube.com/watch?v=mFjE2-rbpm8&t=66s&ab_channel=Parthjadhav) video on youtube from Parth JadhavGitHub参考资料

https://github.com/ParthJadhav/Tkinter-Designer3.Pywebview

Pywebview是一个轻量级的跨平台包装器,它支持在自己的原生GUI窗口中显示HTML内容的webview组件。Pywebview是由罗曼·西罗科夫 .

安装

pip install pywebview样本代码

import webview if __name__ == '__main__': window = webview.create_window('Load HTML Example' 'index.html') webview.start(window)GitHub参考资料

https://github.com/r0x0r/pywebview/4.PyQt5

PyQt是在python中开发现代平台GUI的一个很好的库。您可以用python编写代码来创建应用程序,这可能有点困难,但由于我们正在讨论最简单的方法,您甚至可以使用称为PyQt5Designer的拖放生成器来创建GUI。通过生成一个.ui文件(即拖放程序)来构建应用程序是一种很好的方法,然后您可以将这个.ui文件转换为.py文件。

安装

pip install PyQt5Designer步骤

安装后,设计器将安装在您的系统中。简单键入designer在您的命令提示符和设计器.exe将弹出。它会看起来像这样

pythongui界面编程讲解(以最简单的方式在python中创建现代GUI的4种方法)(6)

现在,您可以在画布中拖放元素。在设计应用程序之后,只需将其导出为.ui文件即可。稍后,您可以将这个.ui文件转换为.py文件,

pyuic5 -x [NAME_OF_UI_FILE].ui [NAME_OF_PY_FILE].py结语

原文 Https://dev.to/yash_makan/4-ways-to-create-modern-gui-in-python-in-easiest-way-possible-5e0e

猜您喜欢: