Python GUI教程(九):从UI文件中解耦Python代码

本篇概要

  • 通过Qt设计师创建一个GUI
  • 添加数个窗口部件到GUI
  • 转换UI代码为Python代码
  • 创建一个单独的Python模块来控制GUI窗口部件

在之前的文章中,我们适用Qt设计师创建了很多GUI窗口,这些窗口都是界面与逻辑都在一个文件里面。如果GUI程序逻辑简单,倒也没什么问题,如果窗口中部件的逻辑过多,就不便于管理。

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

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

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

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

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

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

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

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

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

二、将UI文件转为Python文件

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

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

三、解耦Python逻辑代码

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

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

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

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

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

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

原文发布于微信公众号 - 州的先生(zmister2016)

原文发表时间:2017-11-13

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

3 条评论
登录 后参与评论

相关文章

来自专栏开源优测

移动测试 Appium源码初探

移动测试 Appium源码初探 介绍 Appium 是一个自动化测试开源工具,支持 iOS 平台和 Android 平台上的原生应用,web 应用和混合应用。 ...

2835
来自专栏上善若水

013android初级篇之Android Studio 引用源码模块,jar及so文件

013android初级篇之Android Studio 引用源码模块,jar及so文件

552
来自专栏C/C++基础

c#在当前窗体的按钮事件调用另一封…

关键是事件参数的问题; 因为进入一个事件,那么事件的两个参数是代表响应事件的按钮,你现在 指定调用另一个按钮的事件,那么这个事件的参数就不是那个按钮了,而是...

1012
来自专栏超然的博客

jquery中动态新增的元素节点无法触发事件解决办法

  在使用jquery中动态新增的元素节点时会发现添加的事件是无法触发的,我们下面就为各位来详细的介绍此问题的解决办法.

662
来自专栏BestSDK

Mockplus教程:2钟搞定APP首页原型设计,3000个免费素材库

创建项目 ? 打开Mockplus,点击新建项目,选择“手机”项目类型与合适的页面尺寸,点击“确定”即创建成功,是不是不能更简单!无需任何文件创建操作,无需输入...

2825
来自专栏Django中文社区

支持 Markdown 语法和代码高亮

为了让博客文章具有良好的排版,显示更加丰富的格式,我们使用 Markdown 语法来书写我们的博文。Markdown 是一种 HTML 文本标记语言,只要遵循它...

2917
来自专栏vue学习

12、vue-awsome-swiper与轮播图组件

1、上篇我们为了便于展示,把头部my-header组件放在了App.vue页面,现在我们删掉App.vue里面的头部组件然后我们在view文件里面新建一个hom...

903
来自专栏lhyt前端之路

前端路由0.前言1.哈希路由2.history路由

后端有后端路由,根据路由返回特定的网页,代表者是传统的mvc模式,模板引擎+node。前端也有前端的路由,我们用三大框架做spa的时候,总是和路由离不开关系。主...

512
来自专栏张镇圳的专栏

一个只有99行代码的JS流程框架(二)

前面写了一篇文章,叫《一个只有99行代码的JS流程框架》,虽然该框架基本已经能实现一个流程正常的逻辑流转,但是在分模块应用下还是缺少一定的能力,无法将一个页面中...

35110
来自专栏iOS开发攻城狮的集散地

更改网页的标签

1404

扫码关注云+社区