Unity实现QQ列表折叠菜单

 更新时间:2020年04月18日 14:04:47   作者:梦丶初寒  
这篇文章主要为大家详细介绍了Unity实现QQ列表折叠菜单,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了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;
  }
}

列表的数据来源是在界面上手动配置的,当然如果想要读取本地或者服务器的数据也是可以的。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • 解析C# 程序结构

    解析C# 程序结构

    在我们学习 C# 编程语言的基础构件块之前,让我们先看一下 C# 的最小的程序结构,以便作为接下来章节的参考
    2021-07-07
  • Unity 2017使用UGUI实现大转盘抽奖

    Unity 2017使用UGUI实现大转盘抽奖

    这篇文章主要为大家详细介绍了Unity 2017使用UGUI实现大转盘抽奖,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-02-02
  • 详细聊聊如何在C#循环中捕获局部变量

    详细聊聊如何在C#循环中捕获局部变量

    这篇文章主要给大家介绍了关于如何在C#循环中捕获局部变量的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2021-09-09
  • c# WPF如何实现滚动显示的TextBlock

    c# WPF如何实现滚动显示的TextBlock

    这篇文章主要介绍了c# WPF如何实现滚动显示的TextBlock,帮助大家更好的理解和学习使用c#,感兴趣的朋友可以了解下
    2021-03-03
  • C# 如何调用C++ dll string类型返回

    C# 如何调用C++ dll string类型返回

    这篇文章主要介绍了C# 如何调用C++ dll string类型返回问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-11-11
  • 基于WPF实现Message消息提醒控件

    基于WPF实现Message消息提醒控件

    这篇文章主要介绍了如何利用WPF实现Meesage消息提醒控件,文中的示例代码讲解详细,对我们学习或工作有一定帮助,需要的可以参考一下
    2023-07-07
  • Unity时间戳的使用方法

    Unity时间戳的使用方法

    这篇文章主要为大家详细介绍了Unity时间戳的使用方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-05-05
  • 一篇文章说通C#的属性Attribute

    一篇文章说通C#的属性Attribute

    这篇文章主要给大家介绍了如何通过一篇文章说通C#的属性Attribute,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-04-04
  • C#实现Array,List,Dictionary相互转换

    C#实现Array,List,Dictionary相互转换

    这篇文章介绍了C#实现Array,List,Dictionary互相转换的方法,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-04-04
  • 字符串内存驻留机制详解示例

    字符串内存驻留机制详解示例

    字符串内存驻留机制详解示例,大家参考使用吧
    2013-12-12

最新评论