简介
下拉框(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 对象展开子节点后的层级结构。
- __BG__ UI 对象,是 图片(Image)控件类型的 UI 对象,用于显示下拉框的背景图片。
- __Arrow__ UI 对象,是 图片(Image)控件类型的 UI 对象,用于显示下拉框的下拉箭头图片。
- __Label__ UI 对象,是 文本(Text)控件类型的 UI 对象,用于显示和保存当前所选选项的文本。
- __Item__ UI 对象,是 开关(Toggle)控件类型的 UI 对象,用于保存列表中选项样式的模板。
- __ScrollView__ UI 对象,是 可滚动界面(Scroll View)控件类型的 UI 对象,是展示选项列表的可滚动界面视图,当列表中有许多选项时支持滚动。在运行时打开下拉列表,将复制并粘贴 __Item__ UI 对象为__ScrollView__ UI 对象子 UI 对象,并将文本内容改为对应选项的内容。
属性
下拉框控件类型的 UI 对象可配置的属性如下:
【UIEditor_DropDown004.png】
| 名称 | 描述 |
|---|---|
| 是否启用(Interactable) | 此属性确定该 UI 对象是否接受交互。 勾选,接受交互,该 UI 对象有点击等交换效果。 不勾选,交互被禁用,过渡 类型(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】 |

勾选,接受交互,该 UI 对象有点击等交换效果。
不勾选,交互被禁用,过渡 类型(Type)属性也将设置为禁用状态。