溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編這次要給大家分享的是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進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
