Unity实现QQ列表折叠菜单
更新时间:2020年6月25日 10:34 点击:1635
本文实例为大家分享了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 Shader实现动态雾效果
下一篇: unity shader实现玻璃折射效果
相关文章
- 本文实例讲述了jQuery实现有动画淡出效果的二级折叠菜单代码。分享给大家供大家参考,具体如下:这里介绍jQuery实现有动画淡出效果的二级折叠菜单代码,相当不错,因考虑功能的实现,所以没有怎么美化,不过这样也好,可以给大家更...2015-10-21
- 这篇文章主要为大家详细介绍了Unity时间戳的使用方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-06-25
Unity中 ShaderGraph 实现旋涡传送门效果入门级教程(推荐)
通过Twirl 旋转节点对Gradient Noise 梯度噪声节点进行操作,就可得到一个旋转的旋涡效果。具体实现代码跟随小编一起通过本文学习下吧...2021-07-11- 本文主要介绍了4种延时执行的方法,主要包括Update计时器,Invoke,协程,DoTween,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2021-07-07
- 这篇文章主要为大家详细介绍了Unity shader实现遮罩效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-06-25
- 这篇文章主要介绍了unity 判断鼠标是否在哪个UI上的两种实现方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2021-04-10
- 这篇文章主要为大家详细介绍了Unity实现换装系统,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2021-04-11
- 这篇文章主要给大家介绍了关于利用unity代码C#封装为dll的相关资料,文中通过图文将实现的方法介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2020-06-25
- 这篇文章主要为大家详细介绍了Unity Shader实现径向模糊效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2021-08-09
- 这篇文章主要介绍了unity 实现摄像机绕某点旋转一周,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2021-04-12
- 这篇文章主要为大家详细介绍了Unity实现截图功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-06-25
- 这篇文章主要介绍了Unity中EventTrigger的几种使用操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2021-04-10
- 这篇文章主要为大家详细介绍了Unity Shader实现2D水流效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-06-25
- 这篇文章主要介绍了Unity 按钮添加OnClick事件操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2021-04-10
- 这篇文章主要为大家详细介绍了Unity使用EzySlice实现模型多边形顺序切割,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-11-03
- 这篇文章主要为大家详细介绍了Unity Shader实现描边OutLine效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-06-25
- 这篇文章主要为大家详细介绍了Unity Shader实现裁切效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-06-25
- 这篇文章主要为大家详细介绍了unity实现车方向盘转动效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-06-25
- 这篇文章主要为大家详细介绍了Unity实现汽车前后轮倒车轨迹计算,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2021-09-13
- 这篇文章主要介绍了Unity 点击UI与点击屏幕冲突的解决方案,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2021-04-10