高端网站设计新鸿儒,网站模板建设教程,贵州贵阳网站建设,网站建设策划方案范文提供下拉选择菜单#xff0c;可以让用户在多个选项之间选择。 说明#xff1a; 该组件从API Version 8开始支持。后续版本如有新增内容#xff0c;则采用上角标单独标记该内容的起始版本。 子组件
无
接口
Select(options: ArraySelectOption)
参数#xff1a;…提供下拉选择菜单可以让用户在多个选项之间选择。 说明 该组件从API Version 8开始支持。后续版本如有新增内容则采用上角标单独标记该内容的起始版本。 子组件
无
接口
Select(options: ArraySelectOption)
参数
参数名参数类型必填参数描述optionsArraySelectOption是设置下拉选项。
SelectOption对象说明
参数名参数类型必填参数描述valueResourceStr是下拉选项内容。iconResourceStr否下拉选项图片。
属性
除支持通用属性外还支持以下属性
名称参数类型描述selectednumber | Resource11设置下拉菜单初始选项的索引第一项的索引为0。 当不设置selected属性或设置异常值时默认选择值为-1菜单项不选中当设置为undefined、null时选中第一项。 从API version 10开始该属性支持$$双向绑定变量。valueResourceStr11设置下拉按钮本身的文本内容。当菜单选中时默认会替换为菜单项文本内容。 从API version 10开始该参数支持$$双向绑定变量。fontFont设置下拉按钮本身的文本样式。 默认值 { size: 16fp, weight: FontWeight.Medium }说明 当size为0的时候文本不显示当size为负值的时候文本的size按照默认值显示。fontColorResourceColor设置下拉按钮本身的文本颜色。 默认值#E5182431selectedOptionBgColorResourceColor设置下拉菜单选中项的背景色。 默认值#33007DFFselectedOptionFontFont设置下拉菜单选中项的文本样式。 默认值 { size: 16fp, weight: FontWeight.Regular }说明 当size为0的时候文本不显示当size为负值的时候文本的size按照默认值显示。selectedOptionFontColorResourceColor设置下拉菜单选中项的文本颜色。 默认值#ff007dffoptionBgColorResourceColor设置下拉菜单项的背景色。 默认值#ffffffffoptionFontFont设置下拉菜单项的文本样式。 默认值 { size: 16fp, weight: FontWeight.Regular }说明 当size为0的时候文本不显示当size为负值的时候文本的size按照默认值显示。optionFontColorResourceColor设置下拉菜单项的文本颜色。 默认值#ff182431space10Length设置下拉菜单项的文本与箭头之间的间距。说明 不支持设置百分比。arrowPosition10ArrowPosition设置下拉菜单项的文本与箭头之间的对齐方式。 默认值ArrowPosition.ENDmenuAlign10alignType: MenuAlignType, offset?: Offset设置下拉按钮与下拉菜单间的对齐方式。 -alignType: 对齐方式类型必填。 默认值MenuAlignType.START -offset: 按照对齐类型对齐后下拉菜单相对下拉按钮的偏移量。 默认值{dx: 0, dy: 0}optionWidth11Dimension | OptionWidthMode设置下拉菜单项的宽度。OptionWidthMode类型为枚举类型OptionWidthMode决定下拉菜单是否继承下拉按钮宽度。 当设置为undefined、null、负数时属性不生效菜单项宽度设为默认值即菜单默认宽度为2栅格。 当菜单项设置宽度小于最小宽度56vp时菜单宽度回弹至2栅格。正常值范围大于等于0。说明 不支持设置百分比。optionHeight11Dimension设置下拉菜单显示的最大高度。下拉菜单的默认最大高度是屏幕可用高度的80%设置的菜单最大高度不能超过默认最大高度。 当设置为undefined、null、负数与零时属性不生效下拉菜单最大高度设为默认值即下拉菜单最大高度默认值为屏幕可用高度的80%。 正常值范围大于0。如果下拉菜单所有选项的实际高度没有设定的高度大下拉菜单的高度按实际高度显示。说明 不支持设置百分比。
OptionWidthMode11枚举说明
名称描述FIT_CONTENT设置该值时下拉菜单宽度按默认2栅格显示。FIT_TRIGGER设置下拉菜单继承下拉按钮宽度。
ArrowPosition10枚举说明
名称描述END10文字在前箭头在后。START10箭头在前文字在后。
MenuAlignType10枚举说明
名称描述START按照语言方向起始端对齐。CENTER居中对齐。END按照语言方向末端对齐。
事件
名称功能描述onSelect(callback: (index: number, value?: string) void)下拉菜单选中某一项的回调。 index选中项的索引。 value选中项的值。
示例
// xxx.ets
Entry
Component
struct SelectExample {State text: string TTTTTState index: number 2State space: number 8State arrowPosition: ArrowPosition ArrowPosition.ENDbuild() {Column() {Select([{ value: aaa, icon: $r(app.media.selecticon) },{ value: bbb, icon: $r(app.media.selecticon) },{ value: ccc, icon: $r(app.media.selecticon) },{ value: ddd, icon: $r(app.media.selecticon) }]).selected(this.index).value(this.text).font({ size: 16, weight: 500 }).fontColor(#182431).selectedOptionFont({ size: 16, weight: 400 }).optionFont({ size: 16, weight: 400 }).space(this.space).arrowPosition(this.arrowPosition).menuAlign(MenuAlignType.START, {dx:0, dy:0}).optionWidth(200).optionHeight(100).onSelect((index:number, text?: string | undefined){console.info(Select: index)this.index index;if(text){this.text text;}})}.width(100%)}
} 最后有很多小伙伴不知道学习哪些鸿蒙开发技术不知道需要重点掌握哪些鸿蒙应用开发知识点而且学习时频繁踩坑最终浪费大量时间。所以有一份实用的鸿蒙Harmony NEXT资料用来跟着学习是非常有必要的。
这份鸿蒙Harmony NEXT资料包含了鸿蒙开发必掌握的核心知识要点内容包含了ArkTS、ArkUI开发组件、Stage模型、多端部署、分布式应用开发、音频、视频、WebGL、OpenHarmony多媒体技术、Napi组件、OpenHarmony内核、Harmony南向开发、鸿蒙项目实战等等鸿蒙Harmony NEXT技术知识点。
希望这一份鸿蒙学习资料能够给大家带来帮助有需要的小伙伴自行领取限时开源先到先得~无套路领取
获取这份完整版高清学习路线请点击→纯血版全套鸿蒙HarmonyOS学习资料
鸿蒙Harmony NEXT最新学习路线 HarmonOS基础技能 HarmonOS就业必备技能 HarmonOS多媒体技术 鸿蒙NaPi组件进阶 HarmonOS高级技能 初识HarmonOS内核 实战就业级设备开发 有了路线图怎么能没有学习资料呢小编也准备了一份联合鸿蒙官方发布笔记整理收纳的一套系统性的鸿蒙OpenHarmony 学习手册共计1236页与鸿蒙OpenHarmony 开发入门教学视频内容包含ArkTS、ArkUI、Web开发、应用模型、资源分类…等知识点。
获取以上完整版高清学习路线请点击→纯血版全套鸿蒙HarmonyOS学习资料
《鸿蒙 (OpenHarmony)开发入门教学视频》 《鸿蒙生态应用开发V2.0白皮书》 《鸿蒙 (OpenHarmony)开发基础到实战手册》
OpenHarmony北向、南向开发环境搭建 《鸿蒙开发基础》
ArkTS语言安装DevEco Studio运用你的第一个ArkTS应用ArkUI声明式UI开发.…… 《鸿蒙开发进阶》
Stage模型入门网络管理数据管理电话服务分布式应用开发通知与窗口管理多媒体技术安全技能任务管理WebGL国际化开发应用测试DFX面向未来设计鸿蒙系统移植和裁剪定制…… 《鸿蒙进阶实战》
ArkTS实践UIAbility应用网络案例…… 获取以上完整鸿蒙HarmonyOS学习资料请点击→纯血版全套鸿蒙HarmonyOS学习资料
总结
总的来说华为鸿蒙不再兼容安卓对中年程序员来说是一个挑战也是一个机会。只有积极应对变化不断学习和提升自己他们才能在这个变革的时代中立于不败之地。
