# 定义按钮并执行代码

本篇教程获得第一期知识库优秀教程奖。

获奖作者：幻尘Team-幻尘。

# 前言

本教程针对懂得客户端服务端事件等的Python脚本开发的萌新，以及本教程内的执行方式可能有些繁琐(大概是，大佬不喜勿喷，谢谢！)。

学习前提：

熟悉基础的modMain注册、客户端ListenForEvent、UnListenForEvent的操作。
掌握一点点Python语法基础。
有心学习！！！还要有电脑。

# 教程开始

# 制作UI

首先我们需要打开 MCstudio编辑器 ，创建一个附加包，然后点击编辑，进入 界面编辑器 。
如下图，我们的包体当中还不具备 UI文件 ，因此，我们需要点击左边的按钮 新建一个UI文件 。
接下来输入你要创建的UI文件的名称，点击创建即可。
这时候我们可以看到左边的界面出现了名称为 main 的画布 。接下来，我们就可以在main画布的中开始创造自己的UI了！PS：必须先选中这个main画布，在它的目录下开始创建你的UI。
选中画布之后呢，我们就可以点击顶栏的创建自己的按钮啦。

之后，我们就可以看见这个令人喜悦的按钮啦。

PS：如果你需要修改按钮的位置、大小、字体、内容，均可以在右边的面板中设置（这里不过多介绍，可以自行研究）如图↓
那我们就拥有了一个按钮了好吧，此时我们需要创建出几个 脚本文件：如图，关于客户端服务端的注册以及配置，我就不过多赘述，大家应该都会 。

# 注册UI并且为按钮添加回调事件

重点讲讲，如何注册UI。

首先，我们创造完了UI脚本文件，注册配置好了客户端等。我们选择先打开客户端脚本文件，在ListenForEvent以及UnListenEvent中分别监听和反监听 UnInitFinished 事件，用于接下来的创建、注册UI 。
这时候监听完毕之后呢，我们就可以使用这个UnInitFinished事件来注创建UI了。

首先输入如图所示中的第一行代码。
```
clientApi.RegisterUI("Script_HuanChen6", "HuanChenUi", "Script_HuanChen6.uiScript.HuanChenScreenNode6.HuanChenScreenNode6",  
"HuanChenUi.main")
```
我们来解释一下，第一个参数指的是，你的MOD的名称。第二个参数呢是UI的名称，第三个参数呢是UI文件的路径。第四个参数呢是ui名.画布。

注册完毕之后呢，我们可以开始注册按钮并且为按钮添加回调了。
打开ui文件，进入之后，我们在Init中声明两个变量，一个是用来代表按钮的变量，一个是表示按钮路径位置的变量。PS：按钮的路径只需要在界面编辑器中选中按钮，然后右键，你就会看见一个复制路径的选项，点击即可复制路径。

接下来，我们在UI文件中的Create中。输入这些代码：

self.button = self.GetBaseUIControl(self.where_button).asButton() 
self.button.AddTouchEventParams({'isSwallow': True}) 
self.button.SetButtonTouchDownCallback(self.button)

也是无脑照抄就行趴，self.button就是我们之前声明的一个用来表示按钮的变量。

./images/

输入好之后，我们在下面直接def一个函数。为按钮的回调事件添加逻辑代码吧！

PS：可能讲的有些急促，有些许纰漏，大佬们不喜勿喷吧嘤嘤嘤。

大功告成啦！！！

← 界面按钮注册 UI按钮的注册与创建 →