小编这次要给大家分享的是Unity如何实现QQ列表折叠菜单，文章内容丰富，感兴趣的小伙伴可以来了解一下，希望大家阅读完这篇文章之后能够有所收获。
主要用到了GUI的自动布局功能，VerticalLayoutGroup，注意ChildControlsSize 和ChildForceExpand属性设置为 Width
效果：
实现代码：
/// <summary>
/// 折叠菜单
/// </summary>
public class FoldPanel : MonoBehaviour
{
[SerializeField]
private GameObject panelItem; // 折叠页
[SerializeField]
private TitleItem titleItem;
[SerializeField]
private DataItem dataItem;
public List<FoldData> dataList = new List<FoldData>();
private void Start()
{
Create();
}
public void Create()
{
for (int i = 0; i < dataList.Count; i++)
{
// 创建标题
TitleItem title = Instantiate(titleItem).GetComponent<TitleItem>();
title.SetTitle(dataList[i].titleName);
title.transform.SetParent(this.transform);
// 创建子折叠面板
GameObject panel = Instantiate(panelItem);
panel.transform.SetParent(this.transform);
// 260是折叠页的宽度，30DataItem的高度
panel.GetComponent<RectTransform>().sizeDelta = new Vector3(260,30 * dataList[i].data.Count);
title.SetFoldPanel(panel);
panel.SetActive(false);
// 创建折叠页数据
for (int j = 0; j < dataList[i].data.Count; j++)
{
DataItem item = Instantiate(dataItem).GetComponent<DataItem>();
item.transform.SetParent(panel.transform);
item.SetInfo(dataList[i].data[j]);
}
}
}
}
[System.Serializable]
public class FoldData
{
public string titleName;
public List<ItemData> data;
}
[System.Serializable]
public class ItemData
{
public string userName;
//public string imageName;
public Sprite imageName;
}TitleItem.cs
public class TitleItem : MonoBehaviour,IPointerClickHandler
{
[SerializeField]
private Text title;
[SerializeField]
private Transform arrow;
public bool isFold = true; // 是否是折叠状态
public Transform foldPanel;
public void OnPointerClick(PointerEventData eventData)
{
if (isFold)
{
isFold = false;
arrow.DORotate(Vector3.zero, 0.1f);
if (foldPanel != null)
{
foldPanel.gameObject.SetActive(true);
foldPanel.DOScaleY(1, 0.1f);
}
}
else
{
isFold = true;
arrow.DORotate(new Vector3(0, 0, 90), 0.1f);
if (foldPanel != null)
{
foldPanel.DOScaleY(0, 0.1f).OnComplete(() => { foldPanel.gameObject.SetActive(false); });
}
}
}
public void SetTitle(string _titleName)
{
title.text = _titleName;
}
public void SetFoldPanel(GameObject panel)
{
foldPanel = panel.transform;
}
}列表的数据来源是在界面上手动配置的，当然如果想要读取本地或者服务器的数据也是可以的。
看完这篇关于Unity如何实现QQ列表折叠菜单的文章，如果觉得文章内容写得不错的话，可以把它分享出去给更多人看到。
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
