本章节继续介绍TSMaster工具箱集成开发环境系列第二章,基于Python的界面设计。下面我们一起来看看在TSMaster环境下如何进行工具箱的极简开发。
本文目录
一、创建空间
1. 检查Python环境是否就绪
打开TSMaster,转到工具-系统信息-Python环境设置页面,在这个环境中,用户可以选择默认的Python x86和x64的运行环境,TSMaster 最新版本支持 x86 版本和 x64 版本,可根据 TSMaster 开发的Python程序是32位还是64位,只需要配置相应的运行环境即可。
![TSMaster工具箱集成开发环境系列2-工具箱极简开发流程](https://www.tosunai.com/wp-content/uploads/2024/01/toolkit-ide-series-2-1-1024x560.jpg)
![TSMaster工具箱集成开发环境系列2-工具箱极简开发流程](https://www.tosunai.com/wp-content/uploads/2024/01/toolkit-ide-series-2-2-1024x559.jpg)
2. 配置框按钮操作
配置框右侧有5个按钮。第1个按钮,选择Python环境,点击后将弹出对话框,在此可以选择另一个Python的路径。比如本机安装了Python 3.9版本,那么就完全可以把TSMaster的Python环境改成3.9版本,不需要总是使用TSMaster自带的Python版本。选择3.9版本后点击打开,可以看到提示,重启TSMaster软件后可使用最新的Python解释器,只要按照提示重启,再次重新打开TSMaster。转到工具-系统信息-Python环境设置,可以看到Python命令行输出,会显示当前的Python的版本号以及编译时间等等详细信息。
![TSMaster工具箱集成开发环境系列2-工具箱极简开发流程](https://www.tosunai.com/wp-content/uploads/2024/01/toolkit-ide-series-2-3-1024x557.jpg)
![TSMaster工具箱集成开发环境系列2-工具箱极简开发流程](https://www.tosunai.com/wp-content/uploads/2024/01/toolkit-ide-series-2-4-1024x557.jpg)
![TSMaster工具箱集成开发环境系列2-工具箱极简开发流程](https://www.tosunai.com/wp-content/uploads/2024/01/toolkit-ide-series-2-5-1024x560.jpg)
![TSMaster工具箱集成开发环境系列2-工具箱极简开发流程](https://www.tosunai.com/wp-content/uploads/2024/01/toolkit-ide-series-2-6-1024x563.jpg)
第5个按钮,是测试TSMaster的支持库是否工作正常,点击后会打印支持库中的API函数名称等信息。如果提示测试成功,则表明TSMaster支持库可用。
3. 创建工具箱窗口
打开应用,工具箱设计开发环境,第一个页面是现有的工具箱列表,点击工具栏上的“+”号添加按钮,创建新的工具箱。输入工具箱的名称。例如,toolbox,按回车,一个新的工具箱就被创建出来了。
![TSMaster工具箱集成开发环境系列2-工具箱极简开发流程](https://www.tosunai.com/wp-content/uploads/2024/01/toolkit-ide-series-2-7-1024x553.jpg)
![TSMaster工具箱集成开发环境系列2-工具箱极简开发流程](https://www.tosunai.com/wp-content/uploads/2024/01/toolkit-ide-series-2-8-1024x551.jpg)
二、修改空间属性
![TSMaster工具箱集成开发环境系列2-工具箱极简开发流程](https://www.tosunai.com/wp-content/uploads/2024/01/toolkit-ide-series-2-9-1024x541.jpg)
来到控件页面,选中列表的第一行Button,点击,来到窗体区域,再点击一下就可以创建一个按钮,按钮默认是处于选中状态,按下F11,或者是点击右侧的属性,就会来到该控件的属性选项卡。这个按钮的默认名称是Button1,在这里有个Name,将其改为btnTitle,并将它的Caption改为Set Title。
![TSMaster工具箱集成开发环境系列2-工具箱极简开发流程](https://www.tosunai.com/wp-content/uploads/2024/01/toolkit-ide-series-2-10-1024x553.jpg)
如果需要预览效果,可以转到组件窗口的配置选项卡,看到代码生成有两个按钮,第一个仅生成Python代码,第二个是生成代码后同时运行窗口,如果点击第二个按钮,则会关闭当前的编辑器。
三、生成代码
1. 新增属性设置
主要分两块内容,第一块是init函数,第二块是用户定义的各种来到工具箱的代码设计区域,可以看到空窗体的代码新增了窗口的属性设置,以及按钮的创建和属性设置等等。需要注意的是,夹在两行绿色注释之间的代码是窗体设计器自动生成并且控制的,不推荐用户自行修改,因为任何修改都会被随后的代码生成再次覆盖。
![TSMaster工具箱集成开发环境系列2-工具箱极简开发流程](https://www.tosunai.com/wp-content/uploads/2024/01/toolkit-ide-series-2-11-1024x543.jpg)
在这里,推荐大家使用专业的编辑工具在外部进行编辑,在此推荐使用的是VS Code。
2. 编写事件处理函数
首先,在初始化函数中,将按钮点击事件关联到一个事件处理函数。我们可以先在代码中定义出这个函数。例如,在init函数的函数体下方,继续编写def OnSetTitleClick。注意,注意UI事件的第一个参数都是sender,也就是事件触发的源,因此这一类函数一般至少有一个参数。
![TSMaster工具箱集成开发环境系列2-工具箱极简开发流程](https://www.tosunai.com/wp-content/uploads/2024/01/toolkit-ide-series-2-12-1024x548.jpg)
接着,需要在处理函数中设置self,也就是本窗体的Caption为Hello World,那么这个函数就编写完成。最后只需要将我们刚才的self.btnTitle的OnClick事件关联至OnSetTitleClick,代码就编写完毕了。
![TSMaster工具箱集成开发环境系列2-工具箱极简开发流程](https://www.tosunai.com/wp-content/uploads/2024/01/toolkit-ide-series-2-13-1024x548.jpg)
回到TSMaster中,点击编辑框之后我们会看到文件会刷新到最新的状态,随后我们可以按F9或者点击三角形的启动按钮来运行程序,点击三角形的启动按钮来运行程序,就可以看到窗口的标题栏变成了Hello World,这便是工具箱的极简的设计流程。
四、工具箱的独立运行功能
![TSMaster工具箱集成开发环境系列2-工具箱极简开发流程](https://www.tosunai.com/wp-content/uploads/2024/01/toolkit-ide-series-2-14-1-1024x515.jpg)
此时的工具箱窗体又脱离了TSMaster的主程序而独立运行起来,这就是工具箱窗口的独立形态。这意味着,工具箱窗口代替了TSMaster的主窗口,成为了一个独立的应用程序。TSMaster则在后台运行,为Python窗口提供一切可能的支持,但TSMaster内置的所有功能依然都可以使用。