unity动态排行榜的实现_unity 实时排行榜

在做2048游戏的时候要实现排行榜的功能：
1.超出显示范围可以通过滑动滚动条来上下查看
2.动态插入行
3.每次插入自动更新排名信息

其实和滑页效果类似，只不过需要再加入排序的元素。

1.超出显示范围可以通过滑动滚动条来上下查看

滑页效果（也就是超出显示范围如何显示）见Unity实现滑动更换界面的效果
排行榜的rank、Viewport、content同滑页中的组件配置。

排行榜是由排名、名字、分数组成的。

滚动条的滑动是每一行每一行形式的，所以给容器Content加水平布局组件和容器大小的自适应。
参数都是一点点试出来的，没别的办法==

2.动态插入行

动态插入当然要用预制件了：也就是上图中的line
关于line，每一行显然是竖直的布局（排名、名字、分数），所以加竖直布局组件，line是image，其下有三个Text（排名、名字、分数）：
参数都是一点点试出来的，没别的办法==

接下来就要用代码插入了，插入的调用在3中（因为游戏中的需求是输入名称点登陆后再在排行榜中插入），并且更新排行榜（更新的代码在3中，其实就是找到当前分数在排行榜中的位置，然后插入，在遍历其后元素让他们的排名都比前一位+1，最后只需要更新排名、名字、分数即可，并不用destroy）

	/// <summary>
    /// 生成UI元素
    /// </summary>
    public void CreateNewLine(PlayerNode tmp)
    {
        //法1：通过GameObject
        //法2：通过预制件
        GameObject l = Instantiate(line);
        l.transform.SetParent(transform);
        l.transform.GetChild(0).GetComponent<Text>().text = tmp.Rank.ToString();
        l.transform.GetChild(1).GetComponent<Text>().text = tmp.Name;
        l.transform.GetChild(2).GetComponent<Text>().text = tmp.Score.ToString();
    }

    public void updateRank(List<PlayerNode> players)
    {
        for(int i = 0; i < transform.childCount; i++)
        {
            //Destroy(transform.GetChild(i).gameObject);
            Transform l = transform.GetChild(i);
            l.GetChild(0).GetComponent<Text>().text = players[i].Rank.ToString();
            l.GetChild(1).GetComponent<Text>().text = players[i].Name;
            l.GetChild(2).GetComponent<Text>().text = players[i].Score.ToString();
        }
        //for(int i = 0; i < players.Count; i++)
        //{
        //    CreateNewLine(players[i]);
        //}
    }
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

3.每次插入自动更新排名信息

public class PlayerNode
    {
        public string Name { get; set; }
        public int Score { get; set; }
        public int Rank { get; set; }

        public PlayerNode(string name, int score, int rank) : this()
        {
            this.Name = name;
            this.Score = score;
            this.Rank = rank;
        }

        public PlayerNode()
        {
        }
    }
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

然后存在容器中，每次插入新行就更新所有行的排名：

public List<PlayerNode> players = new List<PlayerNode>(); 

	/// <summary>
    /// 当点击登录时
    /// </summary>
    public void Load()
    {
        if (inputField.text != null)
        {
            PlayerNode tmp = new PlayerNode(inputField.text, int.Parse(GC.NowScore.text), 1);
            rc.CreateNewLine(tmp);
            if (isFirst)//如果是第一次插入
            {
                players.Add(tmp);
                isFirst = false;
            }
            else
            {
                int rankIndex = 0;
                for (int i = 0; i < players.Count; i++)
                {
                    if (tmp.Score > players[i].Score)
                    {
                        rankIndex = i;
                        tmp.Rank = i + 1;
                        players.Insert(rankIndex, tmp);
                        rankIndex = i + 1;
                        break;
                    }
                }
                if (rankIndex == 0)
                {
                    tmp.Rank = players.Count + 1;
                    players.Insert(players.Count, tmp);
                }
                else
                {
                    for (int i = rankIndex; i < players.Count; i++)
                    {
                        players[i].Rank = players[i - 1].Rank + 1;
                    }
                }
            }
            rc.updateRank(players);
        }
        //if (players.Count > 2)
        //{
        //    for(int i = 0; i < players.Count; i++)
        //    {
        //        print(players[i].Rank + "-" + players[i].Name + "-" + players[i].Score);
        //    }
        //}
        gameObject.SetActive(false);
    }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55