你目前正在查看 新功能发布 | TSMaster工具箱集成开发环境系列2-工具箱极简开发流程

新功能发布 | TSMaster工具箱集成开发环境系列2-工具箱极简开发流程

overview前言

本章节继续介绍TSMaster工具箱集成开发环境系列第二章,基于Python的界面设计。下面我们一起来看看在TSMaster环境下如何进行工具箱的极简开发。

一、创建空间

Create space

1. 检查Python环境是否就绪

打开TSMaster,转到工具-系统信息-Python环境设置页面,在这个环境中,用户可以选择默认的Python x86和x64的运行环境,目前TSMaster只有x86版本,x64版本还在开发中,敬请期待。所以基于TSMaster开发的所有的Python程序都是32位,只需要配置好默认的x86运行环境即可。

我们来到x86的运行环境配置框,默认显示的是TSMaster自带的Python,即3.8.5版本,会显示了完整的程序路径。

2. 配置框按钮操作

配置框右侧有5个按钮。第1个按钮,选择Python环境,点击后将弹出对话框,在此可以选择另一个Python的路径。比如本机安装了Python 3.9版本,那么就完全可以把TSMaster的Python环境改成3.9版本,不需要总是使用TSMaster自带的Python版本。选择3.9版本后点击打开,可以看到提示,重启TSMaster软件后可使用最新的Python解释器,只要按照提示重启,再次重新打开TSMaster。转到工具-系统信息-Python环境设置,可以看到Python命令行输出,会显示当前的Python的版本号以及编译时间等等详细信息。

第2个按钮,打开Python环境的文件夹,点击后会弹出Python3.9的主文件夹。

第3个按钮,它是为了当前的环境重新安装TSMaster的支持库,如果TSMaster更新了新版本,或者是用户意外的删除了package相关的文件,那么需要到这里安装TSMaster的支持库。可以点击试一下,会显示TSMaster支持包已安装。

第4个按钮,就是恢复默认的Python解释器的路径,点击后可以一键切换到最初的默认状态,就是Python3.8.5。

第5个按钮,是测试TSMaster的支持库是否工作正常,点击后会打印支持库中的API函数名称等信息。如果提示测试成功,则表明TSMaster支持库可用。

3. 创建工具箱窗口

打开应用,工具箱设计开发环境,第一个页面是现有的工具箱列表,点击工具栏上的“+”号添加按钮,创建新的工具箱。输入工具箱的名称。例如,toolbox,按回车,一个新的工具箱就被创建出来了。

双击toolbox1这一行,来到控制代码的区域,此代码定义了一个类,名为toolbox1。它继承于TSMaster内部工具箱窗体TSForm。初始化代码只有一行,也就是设置Caption,说明这是一个空的窗体。点击上方的运行,或者F9,就可以启动这段代码,创建一个空的工具箱窗口。

二、修改空间属性

Modifying space attribute

点击工具栏上的窗口按钮,启动界面设计器,我们先实现一个简单的功能。例如点击按钮将窗体的标题栏,修改为Hello World。

来到控件页面,选中列表的第一行Button,点击,来到窗体区域,再点击一下就可以创建一个按钮,按钮默认是处于选中状态,按下F11,或者是点击右侧的属性,就会来到该控件的属性选项卡。这个按钮的默认名称是Button1,在这里有个Name,将其改为btnTitle,并将它的Caption改为Set Title。

如果需要预览效果,可以转到组件窗口的配置选项卡,看到代码生成有两个按钮,第一个仅生成Python代码,第二个是生成代码后同时运行窗口,如果点击第二个按钮,则会关闭当前的编辑器。

三、生成代码

Generating code

1. 新增属性设置

主要分两块内容,第一块是init函数,第二块是用户定义的各种来到工具箱的代码设计区域,可以看到空窗体的代码新增了窗口的属性设置,以及按钮的创建和属性设置等等。需要注意的是,夹在两行绿色注释之间的代码是窗体设计器自动生成并且控制的,不推荐用户自行修改,因为任何修改都会被随后的代码生成再次覆盖。

在这里,推荐大家使用专业的编辑工具在外部进行编辑,在此推荐使用的是VS Code。

2. 编写事件处理函数

首先,在初始化函数中,将按钮点击事件关联到一个事件处理函数。我们可以先在代码中定义出这个函数。例如,在init函数的函数体下方,继续编写def OnSetTitleClick。注意,注意UI事件的第一个参数都是sender,也就是事件触发的源,因此这一类函数一般至少有一个参数。

接着,需要在处理函数中设置self,也就是本窗体的Caption为Hello World,那么这个函数就编写完成。最后只需要将我们刚才的self.btnTitle的OnClick事件关联至OnSetTitleClick,代码就编写完毕了。

回到TSMaster中,点击编辑框之后我们会看到文件会刷新到最新的状态,随后我们可以按F9或者点击三角形的启动按钮来运行程序,点击三角形的启动按钮来运行程序,就可以看到窗口的标题栏变成了Hello World,这便是工具箱的极简的设计流程。

四、工具箱的独立运行功能

A stand-alone function of the toolbox

我们转到VS Code,直接点击右上方的箭头,此时我们可以先最小化TSMaster,将工作区改为信任,然后点击右上方的运行按钮,可以看到VS Code直接调用了Python,启动了该工具箱。

此时的工具箱窗体又脱离了TSMaster的主程序而独立运行起来,这就是工具箱窗口的独立形态。这意味着,工具箱窗口代替了TSMaster的主窗口,成为了一个独立的应用程序。TSMaster则在后台运行,为Python窗口提供一切可能的支持,但TSMaster内置的所有功能依然都可以使用。

About More

以上就是本章节为大家介绍的TSMaster工具箱的简单设计流程,更多使用教程可查看B站视频~

发表回复