糍粑大叔的独游之旅-u3d实现弹出菜单(上)-动态列表

在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等

原文地址:https://www.cnblogs.com/uncleciba/p/5730731.html