Skip to content

简介

下拉框(Drop Down)控件类型可用于让玩家从选项列表中选择单个选项。

此控件类型实例化的 UI 对象(UI Object)会显示当前选择的选项。单击后,此 UI 对象会打开选项列表,以便选择新选项。选择新选项后,列表再次关闭,而 UI 对象将显示新选择的选项。如果玩家单击 UI 对象本身或 UI 画布内的任何其他位置,列表也将关闭。

【UIEditor_DropDown001.png】

默认 下拉框(Drop Down)控件类型实例化的 UI 对象效果。

【UIEditor_DropDown002.png】

默认 下拉框(Drop Down)控件类型实例化的 UI 对象打开选项列表后的效果。

构成

下拉框(DropDown)控件类型的 UI 对象(UI Object)由一个 文本(Text)控件类型的 UI 对象,两个 图片(Image)控件类型的 UI 对象,多个(取决于选项的条数)开关(Toggle)控件类型的 UI 对象,一个滚动界面的 UI 对象组成。可以通过 UI 对象展开子节点 功能进行编辑,具体展开方法请参阅 展开子节点 章节。

【UIEditor_DropDown003.png】

默认 下拉框(Drop Down)控件类型实例化的 UI 对象展开子节点后的层级结构。

  1. __BG__ UI 对象,是 图片(Image)控件类型的 UI 对象,用于显示下拉框的背景图片。
  2. __Arrow__ UI 对象,是 图片(Image)控件类型的 UI 对象,用于显示下拉框的下拉箭头图片。
  3. __Label__ UI 对象,是 文本(Text)控件类型的 UI 对象,用于显示和保存当前所选选项的文本。
  4. __Item__ UI 对象,是 开关(Toggle)控件类型的 UI 对象,用于保存列表中选项样式的模板。
  5. __ScrollView__ UI 对象,是 可滚动界面(Scroll View)控件类型的 UI 对象,是展示选项列表的可滚动界面视图,当列表中有许多选项时支持滚动。在运行时打开下拉列表,将复制并粘贴 __Item__ UI 对象为__ScrollView__ UI 对象子 UI 对象,并将文本内容改为对应选项的内容。

属性

下拉框控件类型的 UI 对象可配置的属性如下:

【UIEditor_DropDown004.png】

名称描述
是否启用(Interactable)此属性确定该 UI 对象是否接受交互。
True.png勾选,接受交互,该 UI 对象有点击等交换效果。
False.png不勾选,交互被禁用,过渡 类型(Type)属性也将设置为禁用状态。
类型(Type)确定 UI 对象的背景图片以何种方式对玩家的操作进行可视化响应的属性。请参阅 过渡选项 章节。
背景(BG)设置下拉框的背景图片所引用的 2D 图片纹理(Texture 2D)以及 图片(Image)控件类型相关的属性,具体每个属性的含义和设置方法,请参阅 图片 章节。
箭头(Arrow)设置下拉框的下拉箭头图片所引用的 2D 图片纹理(Texture 2D)以及 图片(Image)控件类型相关的属性,具体每个属性的含义和设置方法,请参阅 图片 章节。
标题样式(Title Style)设置下拉框的保存当前所选选项的文本内容以及与 文本(Text)控件类型相关的属性,具体每个属性的含义和设置方法,请参阅 文本 章节。
选项样式(Option Style)设置列表中选项样式的模板,具体每个属性的含义和设置方法,请参阅 开关 章节。
可滚动界面(Scroll View)设置展示选项列表的可滚动界面视图的相关属性,具体每个属性的含义和设置方法,请参阅 可滚动界面 章节。
选项(Options)
默认索引(Default Index)设置运行时下拉框默认状态下的选项索引。属性值为自然数,且属性值不能大于或等于元素条目数(值得注意的是,索引从 0 开始)。
元素条目(Element)元素条目的属性值决定了下拉框控件类型的 UI 对象中每个选项条目显示的文本内容,其属性值为 文本(String)类型。

· 创建元素条目:如果您需要创建元素条目,请在列表下方点击 追加(Append) 按钮。
【UIEditor_DropDown005.png】

· 自定义序列: 您可以拖动每个元素条目左侧的控制柄以调整该元素条目的顺序。调整顺序后,元素条目列表中的所有元素条目序号都会按新的顺序重新排序。
【UIEditor_DropDown006.gif】

删除:鼠标左键点击元素条目右侧的删除按钮,可对元素条目进行删除。
【UIEditor_DropDown007.png】