排行榜系统制作教程

高亮注意：排行榜系统制作起来比较复杂，比较适合对工具有些熟练但还是不太清楚逻辑的作者，不太适合新手尝试。

工程下载：

一、底图制作

首先，使用任意作图软件制作排行榜底图（不会可以找美工解决），本教程展示制作一个显示前十名的武力值排行榜，制作钢铁直男底图如下：

底图需包含的元素有：排名、名称（如姓名、门派等需要排名的东西）、需要排名的属性。

实际使用中，请根据自己所需要展示的排名数量制作底图，同时不要学本教程的直男底图，会吓跑玩家的（？）。

二、素材的存储

在工程文件夹下找到Graphics-other文件夹，在此处创建名为“排行榜”的新文件夹：

并将制作好的底图保存在这个新文件夹中：

三、系统显示框架制作

在工程中打开高级UI界面（需先按ctrl+Q切换到高级模式），新建一个名为“排行榜”的UI：

双击进入编辑，在左侧添加图片组件：

找到“排行榜”文件夹中的“底图”，确认添加，成功后的画面如下：

接下来我们选择以字符串的形式添加其他组件，首先选择添加组件-字符串-字符串编号：

找到一段未使用的空字符串，将其命名为角色1-角色10，这里我们选择1001-1010号字符串进行该操作：

选择角色1字符串并确认，调整该字符串的位置到姓名栏的第一行（移动字符串可以直接拖拽或调整其坐标值）：

同理，将角色1到角色10全部字符串添加并放置在姓名栏中：

同理，再找到一段未使用的空字符串，将其命名为武力值1-武力值10，这里我们选择1101-1110号字符串进行该操作：

将武力值1-武力值10字符串放置在“武力值”一栏中：

三、基本数据设置

以同样方法，找到一段未使用的空字符串，将其命名为姓名1-姓名10，这里我们选择1026-1035号字符串进行该操作：

请记住这段字符串的起始编号1126，设置完成后点击“应用”，随后直接关闭该窗口回到UI制作界面。

点击进入界面生成事件：（后面的操作皆在界面生成事件处完成）

双击橙条进入编辑并选择字符串：

选择“姓名1”字符串，并将其值设置为想要排名的第一个对象（名字/门派等），如此处设置为“武大”：

以同样方法，将“姓名1”到“姓名10”设置为想要排名对象的名字：

再次编辑并选择数值：

选择指定数值-找到一段未使用的数值，将其命名为姓名值1-姓名值10，此处演示选择的为2001号到2010号数值：

选中“姓名值1”并将其值设置为1126，既上文要求记住的字符串起始编号：

以同样方法，将10个数值分别设置为1126、1127……

此时，请将先前记住的字符串起始编号遗忘，并记住这段数值的起始编号2001。

再找到一段未使用的数值，将其命名为武力值排序1-武力值排序10，此处演示选择的为2026号到2035号数值：

选择武力值排序1数值，使其等于“其他数值”-排行榜第一个角色的属性，比如本排行榜是对武力值进行排序，所以将第一个角色“武大”的武力值属性，放入该数值中，这个属性完全根据实际制作中需要展示的属性值而定：

同理，将其他9个角色的属性以此放入“武力值排序”数值组中：

同时，请记住这段数值组的起始编号2026和结束编号2035。

四、排序算法

找到8个空数值，分别命名为“索引编号1”、“索引编号2”、“索引编号1+”、“索引编号2+”、“索引转换1”、“索引转换2”、“中间值”、“排序个数”，本教程选择2051-2058号数值，强烈建议使用同编号数值作为功能数值，否则后续排序算法修改起来会比较麻烦：

接下来的排序算法比较复杂，不做过多解释，请直接复制使用，若你选择的8个功能数值并非本教程中所用的2051-2058号，请将算法中所有涉及的功能数值对应修改为你自己设置的那个功能数值：

注意，请将此处的索引编号1、2分别设置为先前要求记住的两个起始编号2001、2026：

请将先前记住的结束编号（本教程中为2035）根据注释替换算法中对应的分歧值；并将实际需要排行的个数（本教程共10个）设置为最后的分歧值。

五、显示模块

在算法结束后，设置显示模块，首先找到字符串“角色1”：

将其值设置为：\t[\v[2001]]

其中，标红的数值是先前要求记住的“姓名值1”数值编号，本教程中为2001：

同理，将所有的“角色x”字符串分别设置为\t[\v[“姓名值x”数值编号]]，如图所示：

然后找到“武力值1”字符串（本教程中编号为1101）：

将其设置为\v[2026]

其中标红的数字为先前要求记住的“武力值排序”数值组的起始编号，本教程中为2026：

依次将字符串“武力值x”设置为\v[数值“武力值排序x”]，如图所示：

点击确认，整个排行榜系统就制作完成了，不要忘记添加返回按钮哦。

六、后续使用

排行榜制作完成后，无需再对其进行任何操作，只要对需要排行的属性本身进行变化，打开排行榜时会自动更新数据并排序。

如：直接在剧情中设置张三的武力值增加50：

无需手动修改排行榜UI，打开排行榜时，将自动更新此数据并重新排名：