UG2L9——PopupList下拉列表控件

PopupList

下拉列表

本章代码关键字

1
2
3
4
UIPopupList                                        //下拉列表的类
uiPopupList.items.Add()                            //向下拉列表添加选项
uiPopupList.onChange.Add(new EventDelegate(())     //向下拉列表增加选项改变时的监听函数
uiPopupList.value                                  //下拉列表当前选项

制作PopupList

一个Sprite做背景，一个label做显示内容
添加PopupList脚本
添加碰撞器
关联Label做信息更新，选中Label中的SetCurrentSelection函数

参数相关

​image​

  • Options - 下拉列表显示内容（空一行表示加一个）

  • Position - 列表出现位置

    • ​image​
    • 自动（建议自动 让其自动判断）
    • 向上
    • 向下

  • Selection - 选中操作

    • ​image​
    • 按下选中
    • 点击选中

  • Alignment - 对其方式

    • ​image​
    • 自动对齐
    • 左对齐
    • 居中对齐
    • 右对齐
    • 调整会自动变化

  • Open on - 下拉列表打开方式

    • ​image​
    • 点击或者触碰
    • 右键
    • 双击
    • 手动（相当于关闭。自己代码处理，一般不选择）

  • On Top - 始终显示在所有面板之前，默认选择

  • Localized - 是否将对弹出列表的值进行本地化

  • Keep Value - 始终保持有列表中的某个默认值

  • Atlas

    • Atlas - 图集
    • Background - 下拉列表 背景图
    • Highlight - 下拉列表 选中图
    • Background - 背景颜色叠加
    • Highlight - 选中 高亮叠加家宴
    • Overlap - 弹出窗口边框与打开它的内容重叠的数量
    • Animated - 是否有默认的弹出动画
      禁用可以节约性能

  • Font

    • Font - 字体

    • Font Size - 字体大小

    • TextColor - 字体颜色

    • Padding - 偏移位置

    • Modifier - 修饰方式，强制大小写字母

      • ​image​
      • 没有限制
      • 大写字母
      • 小写字母
      • 自定义

  • OnValueChange - 值选择改变时监听脚本

监听事件的两种方式

1.拖脚本

2.代码获取对象监听

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
public UIPopupList uiPopupList;

void Start()
{
    uiPopupList.items.Add("新加选项4");

    uiPopupList.onChange.Add(new EventDelegate(() =>
    {
        print("代码添加选项变化" + uiPopupList.value);
    }));
}

public void OnChange()
{
    print("选项变化" + uiPopupList.value);
}