温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

Python GUI中如何从UI文件中解耦Python代码

发布时间:2021-10-11 17:37:35 来源:亿速云 阅读:150 作者:柒染 栏目:大数据

这篇文章将为大家详细讲解有关Python GUI中如何从UI文件中解耦Python代码,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。

在实际的开发中,我们通常将代码分为界面代码和逻辑代码,界面与逻辑分离。我们将演示一下在Qt设计师创建的GUI中,解耦逻辑代码。

一、使用Qt设计师创建一个GUI      

首先,我们创建一个主窗口:

Python GUI中如何从UI文件中解耦Python代码

然后,在主窗口中添加一个Table Widgets表格控件:

Python GUI中如何从UI文件中解耦Python代码

在主窗口中添加两个水平布局的按钮:

Python GUI中如何从UI文件中解耦Python代码

然后将窗口中的部件进行垂直布局:

Python GUI中如何从UI文件中解耦Python代码

基本的结构搭建好了,我们在表格部件中添加行和列:

Python GUI中如何从UI文件中解耦Python代码

添加好行和列之后,我们可以在表格控件中右击鼠标,选择“编辑项目”对行和列进行编辑:

Python GUI中如何从UI文件中解耦Python代码

这样就完成了窗口界面的布局。

二、将UI文件转为Python文件      

我们没有使用Qt设计师进行任何的逻辑性操作,只是创建了一个基本的窗口布局,现在使用pyuic5将其转化为Python文件。

Python GUI中如何从UI文件中解耦Python代码

转换成的Python文件运行正常:

Python GUI中如何从UI文件中解耦Python代码

三、解耦Python逻辑代码      

接下来通过Python模块对UI的主窗口进行逻辑的编辑。

我们新建一个Python文件,引入这个GUI窗口,运行的结果和直接运行那个主文件是一样的。

Python GUI中如何从UI文件中解耦Python代码

Python GUI中如何从UI文件中解耦Python代码

接着,我们在新建的decouple_window.py文件中对窗口的表格添加默认值:

Python GUI中如何从UI文件中解耦Python代码

Python GUI中如何从UI文件中解耦Python代码

这样我们就在表格中设置了三个默认数据,现在的设置是直接在主循环中写死的,我们可以新建一个方法,将设置数据的代码放置其中:

Python GUI中如何从UI文件中解耦Python代码

Python GUI中如何从UI文件中解耦Python代码

除了设置数据,我们还可以为按钮添加一个信号槽,当按钮点击的时候,按钮的文本进行改变:

Python GUI中如何从UI文件中解耦Python代码

Python GUI中如何从UI文件中解耦Python代码

因为有了逻辑函数,我们的信号槽能够绑定和调用的部件就可以是多种多样的,下面我们就演点击按钮,按钮和表格中的文字都进行改变。

Python GUI中如何从UI文件中解耦Python代码

Python GUI中如何从UI文件中解耦Python代码

关于Python GUI中如何从UI文件中解耦Python代码就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI