PAGE:像Visual Studio一样设计Python GUI窗体

虽然使用标准库tkinter开发Python GUI程序很方便,也提供了强大的功能,但是窗体上的一切都需要程序员使用代码来控制,在页面布局上浪费大量时间,确实不是很方便。今天我们来介绍一个叫做PAGE的Python可视化开发环境,正如该软件网站所描述,PAGE - Python Automatic GUI Generator,这是个用于快速生成Python GUI程序界面的工具,可以像Visual Studio那样在窗体上拖放组件,然后设置属性,编写代码。。。。。。

运行PAGE需要tcl/tk的支持,但运行生成的Python tkinter程序并不需要安装这个包。首先到下面的网站下载并安装最新的tcl/tk包,

https://www.activestate.com/activetcl/downloads

然后到下面的网站下载并安装最新的PAGE软件,

https://sourceforge.net/projects/page/

安装过程很简单,然后就是启动这个软件了,看上去很简陋的样子,让我们先创建一个窗体并设置它的标题:

然后在左侧工具箱里用鼠标单击Label组件,再在窗体上合适的位置单击鼠标,这样就可以在窗体上创建一个标签组件,用鼠标调整其大小和位置,在右侧设置其属性foreground为红色,并对字体进行简单设置:

继续在左侧工具箱单击Button组件,再在窗体上合适的位置单击鼠标,在窗体上创建一个按钮组件,并设置其text属性为“修改”,设置其command属性为onBtnModifyClick:

按照上面的步骤,继续创建其他组件并设置合适的属性,当界面搭建完成后,单击菜单“Gen_Python”==>“Generate Python GUI”,设置合适的文件名,保存:

选择菜单“Gen_Python”==>“Generate Support Module”,生成支持代码,修改按钮单击事件处理代码,然后保存:

现在,我们有了first.py和first_support.py这两个文件,可以在上面的步骤中直接单击“Run”运行这个程序,也可以使用其他Python开发环境打开这两个文件中任意一个并运行,运行界面为:

单击按钮之后,效果为:

原文发布于微信公众号 - Python小屋(Python_xiaowu)

原文发表时间:2018-03-28

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

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏landv

C#_FindWindow

23340
来自专栏增长技术

使用Alcatraz管理Xcode插件

~/Library/Application Support/Developer/Shared/Xcode/Plug-ins/

13930
来自专栏向治洪

React Native调试心得

在做React Native开发时,少不了的需要对React Native程序进行调试。调试程序是每一位开发者的基本功,高效的调试不仅能提高开发效率,也能降低B...

26070
来自专栏散尽浮华

confluence上传文件附件预览乱码问题(linux服务器安装字体操作)

在confluence上传excel文件,预览时发现乱码问题主要是因为再上传文件的时候一般是Windows下的文件上传,而预览的时候,是linux下的环境,由于...

36220
来自专栏技术博文

WIN10关机--常用的三种方法

1、开始菜单的关机选项 其实Win10恢复了开始菜单,在Win10系统开始菜单的顶部即可看到电源按钮状的“关机选项”,点击“关机选项”按钮,在弹出的菜单中选择“...

31070
来自专栏贾鹏辉的技术专栏@CrazyCodeBoy

React Native调试技巧与心得

本文出自《React Native学习笔记》系列文章。 在做React Native开发时,少不了的需要对React Native程序进行调试。调试程序是每一位...

64850
来自专栏Objective-C

iOS-运行程序屏幕上下有黑边

50190
来自专栏刘望舒

React Native探索之Atom+Nuclide安装、配置和调试

10810
来自专栏.Net移动开发

.Net语言 APP开发平台——Smobiler学习日志:如何在手机中调用邮件发送接口

最前面的话:Smobiler是一个在VS环境中使用.Net语言来开发APP的开发平台,也许比Xamarin更方便

13820
来自专栏刘望舒

React Native入门(二)Atom+Nuclide安装、配置与调试

前言 上一篇文章我们搭建了开发环境,并写了个Hello World。这一节我们来学习React Native的开发IDE:Atom+Nuclide的安装、配置与...

42050

扫码关注云+社区

领取腾讯云代金券