鸿蒙移动应用开发项目式教程课件 项目4-自然与科学展示页-4-1 Select组件

Select组件Select组件Select组件提供下拉菜单，可以让用户在多个选项之间选择。在使用Select组件时，可以根据需求选择合适的接口和对象进行开发。1．接口使用方式。任务导入知识解析学以致用课堂小结课后拓展1.1Select组件2．接口参数和对象Select接口参数说明如表所示。参数类型必选说明optionsArray<SelectOption>是设置下拉选项Select组件

SelectOption对象说明如表所示。任务导入知识解析学以致用课堂小结课后拓展1.1Select组件对象类型必选说明valueResourceStr是设置下拉选项内容iconResourceStr否设置下拉选项图片symbolIconSymbolGlyphModifier否设置下拉选项Symbol图片。symbolIcon优先级高于iconSelect组件Select组件除支持通用属性外，还支持其他属性。

（1）selectedselected属性用于设置下拉菜单初始选项的索引，第一项的索引为0。当不设置selected属性或设置异常值时，默认值为−1，不选中菜单项；当将selected属性设置为undefined、null时，选中第一项。任务导入知识解析学以致用课堂小结课后拓展1.1Select组件selected参数说明如表所示。参数类型必选说明valuenumber、

Resource是设置下拉菜单初始选项的索引Select组件

（2）valuevalue属性用于设置下拉按钮本身的文本内容。当选中菜单项时，该文本内容默认会被替换为菜单项文本内容。任务导入知识解析学以致用课堂小结课后拓展1.1Select组件value参数说明如表所示。参数类型必选说明valueResourceStr是设置下拉按钮本身的文本内容Select组件

（3）controlSizecontrolSize属性用于设置Select组件的尺寸。任务导入知识解析学以致用课堂小结课后拓展1.1Select组件controlSize参数说明如表所示。参数类型必选说明valueControlSize是设置Select组件的尺寸。默认值：ControlSize.NORMALSelect组件

（4）controlSize、width、height接口作用的优先级说明如下。①

如果开发者只设置了width和height，当文字超出组件尺寸时，以省略号方式显示。②

如果开发者只设置了controlSize，没有设置width和height，则组件宽、高自适应文字，文字不超出组件尺寸，并设置最小宽度minWidth和最小高度minHeight。③

如果controlSize、width、height都设置了，则width和height的设置值生效。但如果width和height的设置值小于controlSize设置的最小宽度minWidth和最小高度minHeight，width和height的设置值不生效，宽、高仍保持controlSize设置的最小宽度minWidth和最小高度minHeight。任务导入知识解析学以致用课堂小结课后拓展1.1Select组件Select组件（5）divider

divider属性用于设置分隔线样式，不设置该属性，则按默认值显示分隔线。任务导入知识解析学以致用课堂小结课后拓展1.1Select组件

在使用divider属性时，可以根据options参数的值自定义分隔线的样式。①

当将options参数的值设置为DividerOptions时，按设置的样式显示分隔线。②

当将options参数的值设置为null时，不显示分隔线。Select组件（6）fontfont属性用于设置下拉按钮本身的文本样式。任务导入知识解析学以致用课堂小结课后拓展1.1Select组件

当size的值为0时，文本不显示；当size为负值时，文本的size按照默认值显示。font属性的参数为value，value是必选项，在使用时需注意以下两点。①API11版本及以前，其默认值如下。②

从API12版本及以后，如果设置controlSize的值为controlSize.SMALL，则size的默认值变为14fp，否则还是16fp。Select组件（7）fontColorfontColor属性用于设置下拉按钮本身的文本颜色。任务导入知