NGUI UIPopupList组件：下拉列表组件

本文链接：https://blog.csdn.net/UnityBoy/article/details/140847267

在Unity的NGUI（Next-Gen UI）系统中，UIPopupList是一个高效的下拉列表组件，用于创建用户界面中的选择器。它允许用户从一组预定义的选项中进行选择，适用于各种交互场景，如设置菜单、表单填写或游戏选项配置。本文将详细介绍UIPopupList的用途、特性以及如何在Unity项目中使用它。

UIPopupList简介

UIPopupList是NGUI中的一个UI组件，用于展示一个可点击的下拉列表，用户可以通过点击列表项来选择一个选项。它支持单选和多选模式，并提供了丰富的定制选项。

核心特性

单选和多选：支持单选列表和多选列表模式。
自定义样式：允许自定义列表项的样式和布局。
动画效果：支持列表展开和收起的动画效果。
事件回调：提供选项选择的事件回调，方便开发者响应用户操作。
键盘和鼠标交互：支持键盘导航和鼠标点击操作。

组件详解

将 UIPopupList 脚本附加到 Button 上将显示一个选项列表供你选择。
在这里插入图片描述
要创建一个弹出列表，其中包含一组选项，当您单击某个按钮时将显示这些选项，请首先将 UIPopupList 脚本添加到其中，并指定 Atlas 和 Font 选项。您可能还需要选择用于背景和高亮的特定精灵。Background 是用于在弹出列表的项目选择后面创建背景的 Sprite，而 Foreground 是用于突出显示当前选定选项的 Sprite。

要为弹出列表指定不同的选项，只需在“选项”框中输入它们即可。这是一个多行文本框，您添加到其中的每一行都将在列表中创建一个新条目。因此，如果您想要 3 个不同的选项——“第一”、“第二”和“第三”——您可以像这样输入它们：

第一
第二
第三

Font 部分定义了弹出列表创建的标签将使用的字体。在上图中，第一、第二和第三个选项标签都是使用检查器中指定的“Arimo20”字体创建的。根据所使用的字体类型（位图或动态），您将能够更改字体大小和字体样式（如果使用动态字体）。您还可以选择为文本着色的文本颜色，以及文本之间的填充和使用 Atlas 部分的背景精灵创建的边框。

如果您不希望弹出列表按其显示时进行动画处理，而只是希望它根据需要显示和消失，请取消选中“动画”选项。

如果您希望使用本地化系统对文本选项进行本地化，请选中本地化复选框。

在 OnValueChange 部分中，您可以指定一个函数，当在弹出列表中选择值时将调用该函数。如果已在某处添加了标签，则可以轻松引用其 SetCurrentSelection 函数，标签的值将显示弹出列表的选择。为此，请将 Label 的游戏对象拖放到 Notify 字段中，然后从下拉列表中选择 UILabel.SetCurrentSelection 函数。

若要通过代码添加更改侦听器，请使用 EventDelegate.Add 函数：

EventDelegate.Add(popupList.onChange, YourFunction);

…其中 YourFunction 为 void FuncName（void）类型：

    void YourFunction ()
    {
        Debug.Log("Selection: " + UIPopupList.current.value);
    }

提示

要制作一个更实用的弹出列表 – 下拉列表，请在 OnValueChange 字段中引用按钮的标签，并选择其 UILabel.SetCurrentSelection 方法。执行此操作后，当您从列表中选择一个项目时，标签的文本将自动更新。

使用UIPopupList

创建UIPopupList

在Unity编辑器中，创建一个新的空GameObject。
将UIPopupList组件附加到该GameObject上。

配置UIPopupList

在Inspector面板中，可以配置UIPopupList的属性：

Source：设置列表项的数据源，可以是数组、列表或其他集合。
Display：设置列表项的显示文本。
Is Multi Select：指定是否允许多选。
On Change：设置选项改变时的回调事件。

添加和编辑列表项

使用Inspector面板中的"Add Item"按钮添加列表项。
编辑每个列表项的文本和值。

响应列表项选择

使用C#脚本监听UIPopupList的选项选择事件：

using UnityEngine;
using UnityEngine.UI;

public class PopupListListener : MonoBehaviour
{
    public UIPopupList myPopupList;

    void Start()
    {
        myPopupList.onChange.AddListener(HandleSelectionChange);
    }

    void HandleSelectionChange()
    {
        // 获取当前选中的值
        string selectedValue = myPopupList.value;
        Debug.Log("Selected value: " + selectedValue);
    }
}

自定义列表样式

使用NGUI的Atlas和Sprite来自定义列表项的样式：

using UnityEngine;
using UnityEngine.UI;

public class PopupListStyle : MonoBehaviour
{
    public UIPopupList myPopupList;
    public Sprite itemBackgroundSprite;

    void Start()
    {
        myPopupList.itemHeight = 20; // 设置列表项高度
        myPopupList.backgroundSprite = itemBackgroundSprite; // 设置列表项背景
    }
}

性能优化

重用UIPopupList：对于动态生成的下拉列表，使用对象池来管理实例化和销毁过程。
合理使用动画：虽然UIPopupList支持动画，但过多的动画可能会影响性能。

结语

UIPopupList是NGUI中一个功能强大的组件，它为Unity UI提供了灵活的下拉列表功能。通过本文的介绍，你应该能够了解UIPopupList的基本概念、特性以及使用方法。合理使用UIPopupList，不仅可以提升游戏的交互性，还可以增强玩家的用户体验。更多NGUI开发教程，请加入知识星球：游戏新质力。

NGUI下载地址