第九节HarmonyOS 常用基础组件28-Select

1、描述

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

2、接口

Select(options:Array<SelectOption>)

3、SelectOption对象说明

参数名

参数类型

必填

描述

value

ResourceStr

下拉选项内容。

icon

ResourceStr

下拉选项图标。

4、属性

名称

参数类型

描述

selected

number

设置下拉菜单初始选项的索引,第一项的索引为0。当不设置selected属性时,默认选择值为-1,即菜单项不选中。

value

string

设置下拉按钮本身的文本内容。当菜单选中时默认会替换为菜单项文本内容。

font

Font

设置下拉按钮本身的文本样式。默认值:{size:‘16fp’,weight:FontWeight.Medium}

fontColor

ResourceColor

设置下拉按钮本身的文本颜色。默认值:‘#E6FFFFFF’

selectedOptionBgColor

ResourceColor

设置下拉菜单选中项的背景颜色。默认值:‘#33007DFF’

selectedOptionFont

Font

设置下拉菜单选中项的文本样式。默认值:{size:‘16fp’,weight:FontWeight.Regular}

selectedOptionFontColor

ResourceColor

设置下拉菜单选中项的文本颜色。默认值:‘ff007dff’。

optionBgColor

ResourceColor

设置下拉菜单项的背景颜色。默认值:‘ffffffff’。

optionFont

Font

设置下拉菜单项的文本样式。默认值:{size:‘16fp’,weight:FontWeight.Regular}

optionFontColor

ResourceColor

设置下拉菜单项的文本颜色。默认值:‘ff182431’。

5、事件

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

功能描述:下拉菜单选中某一项的回调。index:选中项的索引;value:选中项的值。

6、示例

import router from '@ohos.router'@Entry
@Component
struct SelectPage {@State message: string = '提供下拉选择菜单,可以让用户在多个选项之间选择。'@State selectList: Array<SelectOption> = [{value: "Android",icon: $r('app.media.icon')},{value: "Java",icon: $r('app.media.icon')},{value: "Python"},{value: "HarmonyOS"},]build() {Row() {Scroll() {Column() {Text(this.message).fontSize(20).fontWeight(FontWeight.Bold).width("96%")Select(this.selectList).value("请选择您的职业?").font({ size: 18, weight: FontWeight.Bold }).fontColor("#FF00FF").selectedOptionBgColor(Color.Blue).selectedOptionFontColor(Color.White).optionBgColor(Color.Yellow).optionFontColor(Color.Red).onSelect((index: number, value: string) => {console.log("select", "index = " + index);console.log("select", "value = " + value);})Button("Select文本文档").fontSize(20).backgroundColor('#007DFF').width('96%').onClick(() => {// 处理点击事件逻辑router.pushUrl({url: "pages/baseComponent/select/SelectDesc",})}).margin({ top: 20 })}.width('100%')}}.padding({ top: 12, bottom: 12 })}
}

7、效果图

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/699165.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【前端素材】推荐优质后台管理系统Sneat平台模板(附源码)

一、需求分析 后台管理系统是一种用于管理网站、应用程序或系统的工具&#xff0c;它通常作为一个独立的后台界面存在&#xff0c;供管理员或特定用户使用。下面详细分析后台管理系统的定义和功能&#xff1a; 1. 定义 后台管理系统是一个用于管理和控制网站、应用程序或系统…

浏览器录屏技术:探索网页内容的视觉记录之道

title: 浏览器录屏技术&#xff1a;探索网页内容的视觉记录之道 date: 2024/2/23 14:32:49 updated: 2024/2/23 14:32:49 tags: 浏览器录屏技术原理Web API应用场景用户体验在线教育产品演示 在当今数字化时代&#xff0c;浏览器录屏技术已经成为了一种强大的工具&#xff0c;…

​LeetCode解法汇总2583. 二叉树中的第 K 大层和

目录链接&#xff1a; 力扣编程题-解法汇总_分享记录-CSDN博客 GitHub同步刷题项目&#xff1a; https://github.com/September26/java-algorithms 原题链接&#xff1a;. - 力扣&#xff08;LeetCode&#xff09; 描述&#xff1a; 给你一棵二叉树的根节点 root 和一个正整…

云原生(Cloud Native)简单介绍

云原生&#xff08;Cloud Native&#xff09;是指那些在云环境中构建和运行应用程序的方法&#xff0c;它充分利用了云计算的灵活性、可扩展性和弹性。云原生技术利用容器、服务网格、微服务、不可变基础设施和声明式API这些技术&#xff0c;来使软件开发和运行更加高效和自动化…

Microsoft 365自定义安装软件

如图&#xff0c;在安装类型的步骤的时候&#xff0c;可以勾选自己想要的软件&#xff08;而非一股脑儿的安装一大堆自己不需要的&#xff09;。

HTB pwn Dragon Army

逆向分析 程序使用了alloca函数扩大了栈区 此处可以泄露libc的地址 程序主要功能在下面 while ( 1 ){while ( 1 ){fflush(stdin);fflush(_bss_start);fprintf(_bss_start, "\n%sDragons: [%d/%d]%s\n\n", "\x1B[1;34m", v5, 13LL, "\x1B[1;37m"…

Java中受检异常和非受检异常

什么是受检异常和非受检异常 受检异常&#xff08;Checked Exceptions&#xff09;和非受检异常&#xff08;Unchecked Exceptions&#xff09;是Java中异常处理的两种主要类型&#xff0c;它们在处理方式和适用场景上有所不同。 受检异常是指在编译时期就必须处理的异常&…

【VIP专属】Python应用案例——基于Flask框架的医疗专家系统小程序

目录 一、项目需求: 二、编译环境: 三、项目结构: 四、功能演示:

挑战30天学完Python:Day18 正则表达式

&#x1f4d8; Day 18 &#x1f389; 本系列为Python基础学习&#xff0c;原稿来源于 30-Days-Of-Python 英文项目&#xff0c;大奇主要是对其本地化翻译、逐条验证和补充&#xff0c;想通过30天完成正儿八经的系统化实践。此系列适合零基础同学&#xff0c;或仅了解Python一点…

测试开源C#人脸识别模块DlibDotNet

百度“C# 换脸”找到参考文献4&#xff0c;发现其中使用DlibDotNet检测并识别人脸&#xff08;之前主要用的是ViewFaceCore&#xff09;&#xff0c;DlibDotNet是Dlib的.net封装版本&#xff0c;后者为开源C工具包&#xff0c;支持机器学习算法、图像处理等算法以支撑各类高级应…

计算机网络实验六 OSPF

一、实验目的和要求 1、掌握 OSPF 的基本配置方法; 2、理解 OSPF 的工作原理。见实验指导书 二、实验环境 1、运行 Windows 2008 Server/XP/7 操作系统的 PC 一台。 2、PacketTracer。 三、实验内容与过程(实验题目和代码) 实验内容: 根据以下任务配置网络:某单位拥…

【软考】传输层协议之UDP

目录 一、说明二、特点 一、说明 1.用户数据报协议&#xff08;User Datagram Protocol&#xff09;是一种不可靠的、无连接的协议&#xff0c;可以保证应用程序进程间的通信 2.与TCP相比&#xff0c;UDP是一种无连接的协议&#xff0c;它的错误检测功能要弱很多 3.TCP有助于提…

CVE-2023-44313 Apache ServiceComb Service-Center SSRF 漏洞研究

本次项目基于go语言&#xff08;本人不精通&#xff09;&#xff0c;虽不是java web框架了 &#xff0c;但搭建web服务的框架一些思想理念却是通用的&#xff0c;我们由此可以得到一些蛛丝马迹....... 目录 漏洞简介 漏洞分析 漏洞复现 漏洞简介 Apache ServiceComb Servi…

【python基础学习2】python里和可迭代对象iterator相关的函数:zip(), map(), join() 函数和strip()方法等

目录 1 python里的可迭代对象 1.1 什么是可迭代对象 1.2 python里的可迭代对象 1.3 可迭代对象如何遍历 1.3.1 可迭代方法 1.3.2 迭代器的测试 2 zip()函数&#xff1a; 我愿理解zip()为一个矩阵横向和纵向两种组合方式转化 2.1 zip() 函数定义 2.2 zip()函数的效果 …

git 将一个分支的提交移动到另一个分支

假设想把分支A上的最后一部分commit移动到分支B之上&#xff1a; 首先切到分支B git checkout B然后执行如下指令,commit id 为A分支上&#xff0c;需要移动的那些提交 git cherry-pick <commit id> &#xff08; <commit id> 可多个&#xff09;中途可能遇到一些…

分布式场景怎么Join | 京东云技术团队

背景 最近在阅读查询优化器的论文&#xff0c;发现System R中对于Join操作的定义一般分为了两种&#xff0c;即嵌套循环、排序-合并联接。在原文中&#xff0c;更倾向使用排序-合并联接逻辑。 考虑到我的领域是在处理分库分表或者其他的分区模式&#xff0c;这让我开始不由得…

罗技鼠标滚轮模式介绍 | 鼠标滚轮异响 - 解决方案

滚轮模式介绍 针对罗技的滚轮模式进行介绍&#xff1a; 普通滚轮&#xff1a;滚动时有明显段落感&#xff0c;无法快速滚动。 智能滚轮&#xff1a;滚动力量较弱时&#xff0c;与普通滚轮无异&#xff1b;滚动力量大时&#xff0c;鼠标会自动减小滚轮阻尼&#xff0c;从而使滚…

文本编辑器markdown语法

markdown语法 1.介绍 Markdown是一种使用一定的语法将普通的文本转换成HTML标签文本的编辑语言&#xff0c;它的特点是可以使用普通的文本编辑器来编写&#xff0c;只需要按照特定的语法标记就可以得到丰富多样的HTML格式的文本。 2.标题分级 "# " -> 一级标题 &…

应用感知型网络性能管理

网络基础设施似乎日益复杂和先进&#xff0c;迫使网络管理员抛弃传统的管理方法。应用感知型网络性能管理是一种用于监控网络性能的新型整体方法&#xff0c;它为管理员提供了强大的 IT 资源管理功能。应用感知型网络性能管理为 IT 管理员带来了精细视图、动态资源分配、主动故…

【计网】TCP的三次握手四次挥手

&#x1f34e;个人博客&#xff1a;个人主页 &#x1f3c6;个人专栏&#xff1a;JAVA ⛳️ 功不唐捐&#xff0c;玉汝于成 目录 前言 正文 三次握手&#xff08;Connection Establishment&#xff09; 四次挥手&#xff08;Connection Termination&#xff09; 结语 我…