标签:
在u3d5.x中,使用ugui作为默认的界面系统,但控件实在太少,很多需求都不能满足,比如弹出菜单(PopupMenu)
我也懒得去网上找现成的实现,再加上现有代码已经有很多有关列表控件的功能,不想再重新动这些代码。
所以自己实现一个,目前先只实现核心、搭建控件相关类的骨干,后期再慢慢丰富和做的更花哨。
开篇之前声明,我的u3d理解非常有限,有很多也许本身自带的功能或有现成库功能我不知道,所以选择了自己探索或实现,
感觉太low欢迎给出好的意见。
PopupMenu是点击鼠标或按钮后,在相应位置弹出的一个列表控件。
这个列表拥有子列表,点击或鼠标进入某个列表项后,将弹出子列表。
子列表本身也是一个PopupMenu,也可以有拥有子列表。
由这个定义可以看出:
1、PopupMenu首先需要列表控件的支持,但ugui的ScrollView支持不够,所以需要动态列表的支持。
2、其次列表项需要支持点击或进入事件,点击Click事件,ugui的button是支持的;鼠标进入PointEnter事件,不支持。所有需要一个扩展按钮实现进入事件的响应,这是可选项。
3、每个列表项需要有特殊标识,或者要装载一份部分数据,至少有不同的点击或进入响应函数,这需要需要一类去实现,即列表项。
4、需要一个类实现弹出、隐藏、创建列表、调整位置等弹出菜单的功能,这个类就是弹出菜单的组件。
动态列表
动态列表是让ugui的ScrollView支持动态添加、删除列表项的类。我的代码命名为ViewList,关键需要实现动态创建列表项和调整ContentSize的功能。
这里创建一个自有文本信息的列表项:
public ListViewItem CreateTextButton(string itemName ) { GameObject prototype = Resources.Load<GameObject>("GUI/Control/ItemTextButton"); GameObject button = GameObject.Instantiate(prototype); button.transform.SetParent(viewContent.transform); button.transform.localScale = new Vector3(1.0f, 1.0f, 1.0f); button.name = prototype.name + "_" + itemName; Text text = button.transform.Find("Text").GetComponent<Text>(); text.color = new Color(0xa9 / 255f, 0xdd / 255f, 0xfd / 255f); text.text = itemName; ListViewItem i = button.GetComponent<ListViewItem>(); if (i == null) i = button.AddComponent<ListViewItem>(); i.listView = this; m_Items.Add(i); _ResizeVerticalContent(button); return i; }
其中ListViewItem是列表项,将所有item记录到m_Items,便于PopupMenu里操作。
viewContent是列表项的父节点,支持ScrollRect也支持不使用ScrollRect:
if (GetComponent<ScrollRect>()) viewContent = GetComponent<ScrollRect>().content.gameObject; else viewContent = gameObject;
下面代码实现对垂直布局的content的大小控制。
void _ResizeVerticalContent( GameObject button) { float height = button.GetComponent<LayoutElement>().minHeight; float spacing = viewContent.GetComponent<VerticalLayoutGroup>().spacing; float tb = viewContent.GetComponent<VerticalLayoutGroup>().padding.top; viewContent.GetComponent<RectTransform>().sizeDelta = new Vector2(viewContent.GetComponent<RectTransform>().sizeDelta.x, m_Items.Count * (spacing + height) - spacing + tb); }
控制content的大小很重要,对于ScrollView来说,content放下所有列表项,对Viewport设置mask,content的长度(就垂直滚动而言)远远大于Viewport,只显示viewport大小范围内的
content,从而实现滚动效果。对于非ScrollView,即将自身但做列表项的容器,不存在滚动效果,自身的大小需要和列表项的个数相契合。
如果是Grid布局的,可以参考下面的代码:
float height = button.GetComponent<LayoutElement> ().minHeight; float spacing = viewContent.GetComponent<GridLayoutGroup> ().spacing.y; int NC = (int)(viewContent.GetComponent<RectTransform> ().sizeDelta.x / button.GetComponent<LayoutElement> ().minWidth); viewContent.GetComponent<RectTransform> ().sizeDelta = new Vector2 (viewContent.GetComponent<RectTransform> ().sizeDelta.x, (viewContent.transform.childCount % NC == 0 ? viewContent.transform.childCount / NC : viewContent.transform.childCount / NC + 1) * (float)(spacing + height));
下篇将介绍扩展按钮、ViewListItem等
标签:
原文地址:http://www.cnblogs.com/uncleciba/p/5730731.html