第九节HarmonyOS 常用基础组件11-TextPicker

本文主要是介绍第九节HarmonyOS 常用基础组件11-TextPicker，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

1、描述

滑动选择文本内容的组件。

2、接口

TextPicker(options?: {range: string[]|Resource, selected?: number, value?: string})

3、参数

参数名称	参数类型	必填	描述
range	string[]\|Resource	是	选择器的数据。
selected	number	否	设置默认选中项在数组中的索引。默认值：0。
value	string	否	设置默认选中项的值，优先级低于selected。默认值：第一个元素。

4、属性

除了支持通用属性外，还支持：

defaultPickerItemHeight - number|string - 设置picker各个选择项的高度。

5、事件

onAccept - 点击弹窗中的“确定”按钮时，触发该回调。

onCancel - 点击弹窗中的“取消”按钮时，触发该回调。

onChange - 滑动选中TextPicker文本后，触发该回调。

6、实例

import router from '@ohos.router'@Entry
@Component
struct TextPickerPage {@State message: string = '滑动选择文本内容的组件。'private pickerList: string[] = ['Android', 'IOS', 'Flutter', 'KMM']build() {Row() {Scroll() {Column() {Text(this.message).fontSize(20).fontWeight(FontWeight.Bold).width('96%')Blank(20)TextPicker({ range: this.pickerList }).width('96%').height(200).onAccept((value: string, index: number) => {console.log("zdm", "TextPicker - onAccept value = " + value)}).onCancel(() => {console.log("zdm", "TextPicker - onCancel")}).onChange((value: string, index: number) => {console.log("zdm", "TextPicker - onChange value = " + value)})Blank(20)Button("TextPicker文本文档").fontSize(20).backgroundColor('#007DFF').width('96%').onClick(() => {// 处理点击事件逻辑router.pushUrl({url: "pages/baseComponent/textPicker/TextPickerDesc",})})}.width('100%')}}.padding({ top: 12, bottom: 12 })}
}

7、效果图