我要评论本文实例为大家分享了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;
}
}
列表的数据来源是在界面上手动配置的，当然如果想要读取本地或者服务器的数据也是可以的。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持移动技术网。
您可能感兴趣的文章:
如您对本文有疑问或者有任何想说的，请点击进行留言回复，万千网友为您解惑！
网友评论