Python GUI项目实战（二）主窗体的界面设计与实现

2023-02-26 02:47:02Python021

Python GUI项目实战（二）主窗体的界面设计与实现,第1张

上一节我们介绍了登录窗体的GUI设计与功能实现，用户的账号和密码校验完成后应当跳转到主窗体内容，这一节我们将具体介绍主窗体界面的设计与功能实现！

我们新建一个900x640的窗口，顶部加入图片，下面主体部分创建两个Panedwindow容器，左边添加按钮，右边作为TreeView显示界面；

显示效果：(注意：tkinter在Mac上Panedwindow不支持修改前景色背景色)

在右边的Pannedwindow容器中，添加一个LabelFrame容器作为查询区域，在LabelFrame容器中添加一系列的Label、Entry、Button控件，可以输入学号、姓名、电话、身份证、查询、和显示全部信息：

显示效果：

创建控件、设置对齐方式和每个列的标题

显示效果：

登录成功后，在顶部显示用户姓名和登录时间，用户姓名是怎么来的？是我们在登录窗口输入的，所以这就涉及到了跨窗体数据的传递。这一点非常重要！

登录窗体（登录信息）==>主窗体

传递的基本方式：构造函数

在主窗体的构造函数中添加一个接收参数 current_user ,在登录窗体加载新窗体时将参数传递进去

但是我们登录窗体的登录函数 login() 中用户名的变量 user 是局部变量，函数调用完了之后就变量就没有了，那怎么调用呢？

我们需要在登录窗体的构造函数中定义全局变量：

为了获取用户登录的时间，我们定义一个获取当前时间的方法：

然后在加载主窗体时将参数 self.user 和 self.get_now_time() 作为参数传递进去

另一边，我们在主窗体中，在构造函数中添加全局变量

之后，我们在Top_banner中通过标签将user信息展示出来：

这样主窗口就会显示通过登录窗口登录的用户名（首字母自动转大写）和登录时间：

效果演示：

然后我们在构造方法中把这个函数写入，以实现自动把学生信息写入到all_student_list中

文件中读取到的学生信息存储到all_student_list列表，以此作为参数传入加载TreeView的方法中；

在构造方法中调用该方法,自动把所有学生信息加载到TreeView中

运行效果：

这一节我们实现了主窗体的搭建，从界面的布局到TreeView加载全部学生信息。学生数据如此之多，如果我们想精确查看具体某个学生的信息该怎么做呢？下一讲，我们将实现学生信息的查询功能，敬请期待吧~

PyQt，一个基于Qt的Python接口包，可以直接使用Qt的控件，还可以使用QSS进行界面美化，下面我简单介绍一下这个包的安装和使用，实验环境Win7+Python3.6+PyCharm5.0，主要内容如下：

1.首先，安装PyQt，这个直接在cmd窗口输入命令“pip install pyqt5”就行，如下，由于安装包比较大，所以需要等待一会儿：

这里我新建了一个简单的窗口程序，一个登录页面对话框，2个QLabel，2个QLineEdit和2个QPushButton，如下，设计完成后，可以直接编辑对应控件的styleSheet属性，利用QSS（类似CSS）对控件进行美化，也可以在代码中进行详细美化设计（如果美化比较复杂的话，可以专门编写QSS文件，然后在程序中加载就行）：

2、这里我新建了一个简单的窗口程序，一个登录页面对话框，2个QLabel，2个QLineEdit和2个QPushButton，如下，设计完成后，可以直接编辑对应控件的styleSheet属性，利用QSS（类似CSS）对控件进行美化，也可以在代码中进行详细美化设计（如果美化比较复杂的话，可以专门编写QSS文件，然后在程序中加载就行）：

3、设计完成的UI界面，可以直接使用自带转化工具pyuic5转化为Python程序（命令pyuic5 -o py文件 ui文件，如pyuic5 -o test.py test.ui），如下，就是刚才设计的UI界面的Python代码：

4、这里我们再添加一下main函数，直接创建上面类的对象，显示对话框就行，如下：

5、点击运行这个程序，效果如下，和上面设计的一样，非常方便：

可以基于这个代码拓展这个是python里面一个拓展包

python提供了多个图形开发界面的库，几个常用Python GUI库如下：

Tkinter： Tkinter模块("Tk 接口")是Python的标准Tk GUI工具包的接口.Tk和Tkinter可以在大多数的Unix平台下使用,同样可以应用在Windows和Macintosh系统里.,Tk8.0的后续版本可以实现本地窗口风格,并良好地运行在绝大多数平台中。

wxPython：wxPython 是一款开源软件，是 Python 语言的一套优秀的 GUI 图形库，允许 Python 程序员很方便的创建完整的、功能键全的 GUI 用户界面。

Jython：Jython程序可以和Java无缝集成。除了一些标准模块，Jython使用Java的模块。Jython几乎拥有标准的Python中不依赖于C语言的全部模块。比如，Jython的用户界面将使用Swing，AWT或者SWT。Jython可以被动态或静态地编译成Java字节码。

Tkinter 编程

Tkinter 是Python的标准GUI库。Python使用Tkinter可以快速的创建GUI应用程序。

由于Tkinter是内置到python的安装包中、只要安装好Python之后就能import Tkinter库、而且IDLE也是用Tkinter编写而成、对于简单的图形界面Tkinter还是能应付自如。

创建一个GUI程序

1、导入Tkinter模块

2、创建控件

3、指定这个控件的master，即这个控件属于哪一个

4、告诉GM(geometry manager)有一个控件产生了。

实例：

1 #!/usr/bin/python2 # -*- coding: UTF-8 -*-3 4 import Tkinter5 top = Tkinter.Tk()6 # 进入消息循环7 top.mainloop()

实例2：

1 #!/usr/bin/python 2 # -*- coding: UTF-8 -*- 3 4 from Tkinter import * # 导入 Tkinter 库 5 root = Tk() # 创建窗口对象的背景色 6 # 创建两个列表 7 li = ['C','python','php','html','SQL','java'] 8 movie = ['CSS','jQuery','Bootstrap'] 9 listb = Listbox(root) # 创建两个列表组件10 listb2 = Listbox(root)11 for item in li: # 第一个小部件插入数据12 listb.insert(0,item)13 14 for item in movie: # 第二个小部件插入数据15 listb2.insert(0,item)16 17 listb.pack() # 将小部件放置到主窗口中18 listb2.pack()19 root.mainloop() # 进入消息循环

Tkinter 组件

Tkinter的提供各种控件，如按钮，标签和文本框，一个GUI应用程序中使用。这些控件通常被称为控件或者部件。

目前有15种Tkinter的部件。我们提出这些部件以及一个简短的介绍，在下面的表:

控件

描述

Button 按钮控件；在程序中显示按钮。

Canvas 画布控件；显示图形元素如线条或文本

Checkbutton 多选框控件；用于在程序中提供多项选择框

Entry 输入控件；用于显示简单的文本内容

Frame 框架控件；在屏幕上显示一个矩形区域，多用来作为容器

Label 标签控件；可以显示文本和位图

Listbox 列表框控件；在Listbox窗口小部件是用来显示一个字符串列表给用户