Select

提供下拉选择菜单，可以让用户在多个选项之间选择。
常用接口

Select(options: Array)
参数：
参数名参数类型必填参数描述

options

Array<SelectOption>

是

设置下拉选项。

常用属性

名称参数类型描述

selected	number | Resource11+	设置下拉菜单初始选项的索引，第一项的索引为0。 当不设置selected属性或设置异常值时，默认选择值为-1，菜单项不选中；当设置为undefined、null时，选中第一项。 从API version 10开始，该属性支持$$双向绑定变量。
value	ResourceStr11+	设置下拉按钮本身的文本内容。当菜单选中时默认会替换为菜单项文本内容。 从API version 10开始，该参数支持$$双向绑定变量。
font	Font	设置下拉按钮本身的文本样式。 默认值： { size: ‘16fp’, weight: FontWeight.Medium } 说明： 当size为0的时候，文本不显示，当size为负值的时候，文本的size按照默认值显示。
fontColor	ResourceColor	设置下拉按钮本身的文本颜色。 默认值：‘#E5182431’
selectedOptionBgColor	ResourceColor	设置下拉菜单选中项的背景色。 默认值：‘#33007DFF’
selectedOptionFont	Font	设置下拉菜单选中项的文本样式。 默认值： { size: ‘16fp’, weight: FontWeight.Regular } 说明： 当size为0的时候，文本不显示，当size为负值的时候，文本的size按照默认值显示。
selectedOptionFontColor	ResourceColor	设置下拉菜单选中项的文本颜色。 默认值：‘#ff007dff’
optionBgColor	ResourceColor	设置下拉菜单项的背景色。 默认值：‘#ffffffff’
optionFont	Font	设置下拉菜单项的文本样式。 默认值： { size: ‘16fp’, weight: FontWeight.Regular } 说明： 当size为0的时候，文本不显示，当size为负值的时候，文本的size按照默认值显示。
optionFontColor	ResourceColor	设置下拉菜单项的文本颜色。 默认值：‘#ff182431’

常用事件

名称功能描述

onSelect(callback: (index: number, value: string) => void)

下拉菜单选中某一项的回调。 index：选中项的索引。 value：选中项的值。

Demo示例： Select的使用

@Entry@Componentstruct Index {  @State classSchedule: Array = [    { value: "语文 8:30", icon: $r("sys.media.ohos_ic_public_device_watch") },    { value: "数学 10:20", icon: $r("sys.media.ohos_ic_public_device_watch") },    { value: "英语 14:00", icon: $r("sys.media.ohos_ic_public_device_watch") }  ]  build() {    Row() {      Column() {        Select(this.classSchedule)          .selected(1)          .value("课程时间表")          .font({ size: 32, weight: FontWeight.Bold })          .fontColor(Color.Black)          .border({ width: 2 })          .selectedOptionBgColor(Color.White)          .selectedOptionFont({ size: 28, weight: FontWeight.Medium })          .selectedOptionFontColor(Color.Green)          .space(10)          .arrowPosition(ArrowPosition.END)          .menuAlign(MenuAlignType.CENTER, { dx: 0, dy: 0 })          .optionWidth(OptionWidthMode.FIT_TRIGGER)          .menuBackgroundColor(Color.Gray)          .menuBackgroundBlurStyle(BlurStyle.Thick)      }      .width('100%')    }    .height('100%')    .alignItems(VerticalAlign.Top)    .padding({ top: "50vp" })  }}

• 预览查看效果。
  

关于Select更详细用法