:::success

文章信息

🧢 作者：星梦教育

🎒 写作日期：2024-08-30

🌎 联系方式：QQ 561013124

:::

前言

非常感谢您阅读此教程，在开始前，请先看这里。

阅读本教程，您需要有以下基础：

  1. 可以熟练使用CoCo通用积木和界面控件-用户界面。
  2. 基本了解CoCo数据表、列表数据框和云数据库/云数据表。
  3. 本教程只会用到控件商城中的“列表排序”这1个自定义控件。
  4. 本教程演示的是最基础的排行榜，更多功能需要你自己实现哦！
  5. 本教程是根据作者的作品趣味答题编写的。

介绍

CoCo中不像Kitten和Nemo中可以直接使用云变量排行榜，而且自带的排行榜本身并不好看。那么，我们怎样在CoCo中做出来排行榜呢？接着往下阅读吧！效果预览图：

CoCo列表数据框排行榜教程 - 图1

云数据表设置

CoCo列表数据框排行榜教程 - 图2

这是编者所用的云数据表，用云数据表而不是云字典，是因为云数据排序方便。

它由4部分组成

  • ID：用户的唯一识别编码，用于判断该用户是否为当前用户。
  • 积分：需要排序和显示在排行榜的内容。
  • 昵称：用户的昵称，显示在列表数据框。
  • 头像：用户的头像，显示在列表数据框。

数据表设置

CoCo列表数据框排行榜教程 - 图3

和云数据表其实是一样的，只不过从云端保存到了本地，以方便显示数据。

列表数据框设置

CoCo列表数据框排行榜教程 - 图4

需要绑定我们上面创建的数据表，并对列进行绑定。为了好看，条目样式做了修改。

积木设置

CoCo列表数据框排行榜教程 - 图5

©星梦教育