欢迎回到我们的《零基础:100个小案例玩转Python软件开发!》系列!在本节课,我将教大家如何开发后台系统界面的设计。
在很多数据管理系统里,都有类似这样的界面:
这种界面的特点就是左边是一个下拉菜单,右边用于显示对应内容,可以非常直观的应对多分类操作和显示的需求。
在PyMe中要实现这个效果,其实只需要简单的几步操作:
第一步:将分割窗体(PanedWindow)控件拖动到Form_1中。
第二步:选中Form_1,在右边的属性栏里选择“布局方式”为“打包排布”,其实就是设置支持自适应布局,然后再选择PanedWindow_1,在下方的布局方式设置布局方式为“打包排布”,填充项设置为“四周”。这时我们可以看到分割窗体控件就填充了整个Form_1窗体。
第三步:在下方的文件资源栏中用鼠标右键单击,通过弹出菜单项“新建窗体”创建一个LeftBar窗口。
第四步:双击LeftBar窗口并进入界面设计器,将窗口拖动成一个长条形,然后从左边的控件工具条拖动ListMenu到窗体中,按照上面的设置将Form_1和ListMenu_1的控件布局都设置为“打包排布”,并让ListMenu_1充满窗体。
第五步:在下方的文件资源栏中用鼠标右键单击,通过弹出菜单项“新建窗体”创建出我们这个系统中需要显示的界面,比如上图中所示的“录入窗品”、“商品列表”、“订单列表”、“退货管理”、“评价列表”、“差评管理”等几个窗口。
第六步:双击LeftBar窗口文件,进入到界面设计器,选中ListMenu_1,然后在下方空白处右键单击,点击“标题选项编辑”项,在弹出的数据编辑区对话框中,为每一个子标题项在右边的“菜单项值”栏点击“导入文件”,将创建的对应界面文件选中然后点击“修改保存”。
保存完数据项后,下面我们来处理点击响应事件,在下方空白处右键单击,点选“事件响应”,在弹出的事件响应处理编辑区对话框,为ItemSelect事件编辑函数代码。
点击“编辑函数代码”后会进入代码编辑器里,并生成ListMenu_1的ItemSelect 事件绑定函数,在这里我们调用Fun函数库中的LoadUIDialog将菜单项值导入的文件名加载显示到主界面的分割窗体右边,下面是具体代码:
#ListMenu 'ListMenu_1's ItemSelect Event : def ListMenu_1_onItemSelect(uiName,widgetName,itemText,itemValue,threadings=0): Fun.LoadUIDialog(界面名称='管理系统',控件名称='PanedWindow_1_Child2',调用目标界面名称=itemValue,界面参数=None,忽略重复加载=True) passFun.LoadUIDialog 函数主要用来做界面嵌入,它的参数说明如下:
界面名称:指定在哪个界面中的控件进行嵌入。
控件名称:指定在上个参数界面中的哪个控件进行嵌入。
调用目标界面名称:指定在上面参数指定的界面控件中嵌入哪个界面文件。
界面参数:指定嵌入时传入的自定义参数。
忽略重复加载:是否忽略重新加载,防止多次调用。
第七步:双击主窗口文件,进入界面设计器,选中PanedWindow_1,然后在属性栏里“左边界面”双击,选中LeftBar界面,即可导入为分割窗体的左边部分。
第八步:运行测试,点击“录入商品”项时,就可以看到分割窗体右边切换为对应界面啦!
在本节的课程中,我们通过简单几步操作就完成了一个后面系统的界面设计和开发,而只写了一句Fun.LoadUIDialog 函数。这种高效的开发体验,相信一定可以帮助各位Python爱好者制作出自己的数据软件系统!
官网:www.py-me.com
下载:https://pyme.lanzoum.com/igiUy3cviulg