unity實(shí)現(xiàn)動(dòng)態(tài)排行榜
本文實(shí)例為大家分享了unity實(shí)現(xiàn)動(dòng)態(tài)排行榜的具體代碼,供大家參考,具體內(nèi)容如下
在做2048游戲的時(shí)候要實(shí)現(xiàn)排行榜的功能:
1.超出顯示范圍可以通過(guò)滑動(dòng)滾動(dòng)條來(lái)上下查看
2.動(dòng)態(tài)插入行
3.每次插入自動(dòng)更新排名信息
其實(shí)和滑頁(yè)效果類似,只不過(guò)需要再加入排序的元素。
1.超出顯示范圍可以通過(guò)滑動(dòng)滾動(dòng)條來(lái)上下查看
滑頁(yè)效果(也就是超出顯示范圍如何顯示)見(jiàn)Unity實(shí)現(xiàn)滑動(dòng)更換界面的效果
排行榜的rank、Viewport、content同滑頁(yè)中的組件配置。

排行榜是由排名、名字、分?jǐn)?shù)組成的。

滾動(dòng)條的滑動(dòng)是每一行每一行形式的,所以給容器Content加水平布局組件和容器大小的自適應(yīng)。
參數(shù)都是一點(diǎn)點(diǎn)試出來(lái)的,沒(méi)別的辦法==

2.動(dòng)態(tài)插入行
動(dòng)態(tài)插入當(dāng)然要用預(yù)制件了:也就是上圖中的line
關(guān)于line,每一行顯然是豎直的布局(排名、名字、分?jǐn)?shù)),所以加豎直布局組件,line是image,其下有三個(gè)Text(排名、名字、分?jǐn)?shù)):
參數(shù)都是一點(diǎn)點(diǎn)試出來(lái)的,沒(méi)別的辦法==

接下來(lái)就要用代碼插入了,插入的調(diào)用在3中(因?yàn)橛螒蛑械男枨笫禽斎朊Q點(diǎn)登陸后再在排行榜中插入),并且更新排行榜(更新的代碼在3中,其實(shí)就是找到當(dāng)前分?jǐn)?shù)在排行榜中的位置,然后插入,在遍歷其后元素讓他們的排名都比前一位+1,最后只需要更新排名、名字、分?jǐn)?shù)即可,并不用destroy)
/// <summary>
/// 生成UI元素
/// </summary>
public void CreateNewLine(PlayerNode tmp)
{
//法1:通過(guò)GameObject
//法2:通過(guò)預(yù)制件
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]);
//}
}
3.每次插入自動(dòng)更新排名信息
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()
{
}
}
然后存在容器中,每次插入新行就更新所有行的排名:
public List<PlayerNode> players = new List<PlayerNode>();
/// <summary>
/// 當(dāng)點(diǎn)擊登錄時(shí)
/// </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);
}
}
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
Unity Shader實(shí)現(xiàn)圖形繪制(藍(lán)天白云大海)
這篇文章主要為大家詳細(xì)介紹了Unity Shader實(shí)現(xiàn)圖形繪制,藍(lán)天白云大海,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-04-04
Netcore?Webapi返回?cái)?shù)據(jù)的三種方式示例
這篇文章主要為大家介紹了Netcore?Webapi返回?cái)?shù)據(jù)的三種方式示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-09-09
Unity3D實(shí)現(xiàn)鼠標(biāo)控制旋轉(zhuǎn)轉(zhuǎn)盤
這篇文章主要為大家詳細(xì)介紹了Unity3D實(shí)現(xiàn)鼠標(biāo)控制旋轉(zhuǎn)轉(zhuǎn)盤,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-02-02
c#入門之實(shí)現(xiàn)簡(jiǎn)易存款利息計(jì)算器示例
這篇文章主要介紹了c#入門之實(shí)現(xiàn)簡(jiǎn)易存款利息計(jì)算器示例,需要的朋友可以參考下2014-04-04
C#實(shí)現(xiàn)字符串倒序遍歷的方法小結(jié)
這篇文章主要為大家詳細(xì)介紹了C#中實(shí)現(xiàn)字符串倒序遍歷的常見(jiàn)方法,文中的示例代碼講解詳細(xì),具有一定的借鑒價(jià)值,有需要的小伙伴可以參考下2024-02-02

