Python GUI项目实战(二)主窗体的界面设计与实现
上一节我们介绍了登录窗体的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加载全部学生信息。学生数据如此之多,如果我们想精确查看具体某个学生的信息该怎么做呢?下一讲,我们将实现学生信息的查询功能,敬请期待吧~
一、创建MDI主窗体
1、创建MDI主窗体
(1)执行菜单命令:工程 | 添加MDI窗体,出现“添加MDI窗体”对话框。
(2)选择“新建”或使用“现存”窗体,单击“打开”按钮后出现MDI主窗体界面。
2、将MDI主窗体设为工程的启动窗体
(1)执行菜单命令:工程 | 工程属性,出现工程属性对话框。
(2)在对话框的通用选项卡中单击启动对象下拉按钮,选择MDI窗体名,则MDI窗体成为启动窗口。
注意:一个应用程序只能有一个MDI窗体,如果工程已经有了一个MDI窗体,则该工程菜单上的添加MDI窗体命令就不可使用。
二、建立MDI子窗体
1、创建MDI子窗体的方法
(1)工程中创建一个新的普通窗体;
(2)将MDIChild属性设为True。
2、MDI窗体运行时的特性
(1)所有子窗体都显示在MDI窗体的工作空间内。
(2)当最小化一个子窗体时,它的图标将显示在MDI窗体上而不是任务栏中。
(3)当最大化一个子窗体时,它的标题会与MDI窗体的标题组合在一起并显示于MDI标题栏上。
(4)通过设定AutoShowChildren属性,子窗体可以在窗体加载时自动显示或自动隐藏。
(5)活动子窗体的菜单(若有)将显示在MDI窗体的菜单栏中,而不是显示在子窗体中。
2、通过资源管理窗体,双击其中的.frm窗体设计,进入窗体设计界面;
3、窗体界面见下图;
4、打开视图菜单->工具箱,打开工具箱的界面;
5、然后就可以将工具箱中的控件拖放到设计界面上,这就是所谓的窗体设计器。
1.点击表集合,打开表的集合,这里你可以看到所有的表的清单。
2.在这个表集合中,选择一个表作为窗体的数据源,右键单击这个表,在弹出的右键菜单中,选择打开。
3.接着在菜单栏中,点击创建选项。
4.在创建选项中,点击【窗体】。
5.会看到,在界面中打开了一个窗体的设计视图,这就是建立的窗体,你可以看到这种方法创建窗体非常的简单,不过你还有一些后续的步骤。
6.点击菜单栏左上方的保存按钮。
7.弹出一个另存为的对话框,在这里要输入名称,然后点击确定即可,这样自动创建的窗体就可以了。
If Option2.Value = True Then Text1.FontName = "隶书"
If Check1.Value = 1 Then
Text1.Font.Underline = True '下划线
Else
Text1.Font.Underline = False '下划线
End If
If Check2.Value = 1 Then
Text1.Font.Italic = True '斜体
Else
Text1.Font.Italic = False '斜体
End If
If Option2.Value = True And Check2.Value = 1 Then
MsgBox "隶书不能设为斜体"
Check2.Value = 0
End If
If Option2.Value = True And Check1.Value = 1 Then
MsgBox "隶书不能设为下划线"
Check1.Value = 0
End If