HarmonyOS-UIAbitity-Select——【坚果派-红目香薰】

举报
红目香薰 发表于 2024/03/31 18:22:44 2024/03/31
【摘要】 ​ 摘要作者:红目香薰团队:坚果派 团队介绍:坚果派由坚果创建,团队拥有12个华为HDE以及若干其他领域的三十余位万粉博主运营。 Select提供下拉选择菜单,可以让用户在多个选项之间选择。接口Select(options: Array<SelectOption>)SelectOption对象说明:参数名参数类型必填参数描述valueResourceStr是下拉选项内容。iconResour...

 摘要

作者:红目香薰
团队:坚果派
团队介绍:坚果派由坚果创建,团队拥有12个华为HDE以及若干其他领域的三十余位万粉博主运营。 

Select

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

接口

Select(options: Array<SelectOption>)

SelectOption对象说明:

参数名

参数类型

必填

参数描述

value

ResourceStr

下拉选项内容。

icon

ResourceStr

下拉选项图片。

属性

名称

参数类型

描述

selected

number

设置下拉菜单初始选项的索引,第一项的索引为0。

value

string

设置下拉按钮本身的文本显示。

font

Font

设置下拉按钮本身的文本样式。

fontColor

ResourceColor

设置下拉按钮本身的文本颜色。

selectedOptionBgColor

ResourceColor

设置下拉菜单选中项的背景色。

selectedOptionFont

Font

设置下拉菜单选中项的文本样式。

selectedOptionFontColor

ResourceColor

设置下拉菜单选中项的文本颜色。

optionBgColor

ResourceColor

设置下拉菜单项的背景色。

optionFont

Font

设置下拉菜单项的文本样式。

optionFontColor

ResourceColor

设置下拉菜单项的文本颜色。

事件

名称

功能描述

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

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

代码示例:

@Entry
@Component
struct Index {
  build() {
    Column() {
      Select([{value:'aaa',icon: $r('app.media.icon')},
        {value:'bbb',icon: $r('app.media.2')},
        {value:'ccc',icon: $r('app.media.3')},
        {value:'ddd',icon: $r('app.media.4')}])
        .selected(2)
        .value('TTT')
        .font({size: 30, weight:400, family: 'serif', style: FontStyle.Normal })
        .selectedOptionFont({size: 40, weight: 500, family: 'serif', style: FontStyle.Normal })
        .optionFont({size: 30, weight: 400, family: 'serif', style: FontStyle.Normal })
        .onSelect((index:number)=>{
          console.info("Select:" + index)
        })
    }
  }
}

实际效果:

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。