「自制卡牌游戏DIY」主线选关界面（2）

#星火编辑器 #星火编辑器入门 #游戏ui界面 #星火编辑器小功能分享教程

我正在尝试用『星火编辑器』创作一款卡牌游戏。

上一期我们完成了选关界面的UI设计（P2），今天让我们尝试写一下选关页面的触发器逻辑。

当玩家点击特定关卡按钮并将其选中时，要在右侧图片栏更新关卡对应图片，也需要在右下描述区更新相应描述显示给玩家。为了实现这一功能，我们在客户端先新建3个类型为简单表的变量，分别用于存储主线关卡预览的图片、描述和名称（P3）。它们的索引是关卡序号故为数值型，而值为字符串用于输入图片地址或文字内容。顺便建立一个总章节数量的数值变量用于存储主线关卡的章节数量。

同样的，在服务端也创建这些变量并分别用初始化函数对它们进行赋值（P4）

那么接下来的思路就是创建一个自定义事件（P5），并添加一个将主线关卡的预览图片、描述、名称这些信息从服务器发给客户端的方法（P6），在游戏开始时调用。当客户端接收到这个事件后，再将从事件发到客户端的信息存储到前面在客户端创建的相应变量中（P7）

这样一来，游戏开始后客户端就会收到服务端发来的选关页关卡预览信息，并将其存入对应的简单表变量中。然后我们在客户端添加一个简单的更新选关页图片和描述信息的方法，定义一个名为“关卡”的数值变量参数，取到章节示意图和章节关卡描述的UI。当该方法被调用时就根据传入的参数，从前面的简单表变量中取到对应的信息将其赋值给UI，即可将关卡对应的预览图片和描述文字正确显示给玩家（P8）

接着创建一个点击主线关卡按钮的事件，因为要精准定位到玩家点击的关卡和当前所在章节，所以这个事件中要包括有关卡索引和当前所在章节的参数（P9）

下面要为选关界面中的关卡按钮分别创建点击它们的事件。这里要依次取到选关界面中全部8个关卡按钮，用循环遍历会很方便。如果看过我之前笔记，会对取UI控件和创建控件点击事件的方法感到很熟悉。这里创建一个在循环内的数值型局部变量用于表示点击的关卡的索引，将该索引作为参数来执行刚刚创建的更新选关页图片描述信息的方法，即可让玩家在点击不同关卡按钮的时候实时将玩家点击关卡对应的预览图片和预览描述呈现给玩家（P10）

这样在触发器内批量实现关卡按钮的点击响应就顺利ok了。那么这期内容先暂告一段落，让我们下一期继续乘风破浪吧！有不懂之处随时欢迎私信问我，最后感谢为我点赞的小伙伴！