OpenHarmony——ArkTS声明式开发与应用 课件 项目2-任务10-1 滑动选择器.pptxVIP

滑动选择器

目录CONTENTS文本选择器TextPicker1日期选择器DatePicker2时间选择器TimePicker3

01文本选择器TextPicker知识储备

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

TextPicker文本选择器示例privateflowers:string[]=[玫瑰,郁金香,百合,康乃馨’]TextPicker({range:this.flowers,//选择器的数据选择列表selected:0,//设置默认选中项在数组中的索引值,默认值：0value:郁金香//设置默认选中项的值，优先级低于selected,默认值：第一个元素值}).width(300).height(200).backgroundColor(#ffe7ceee).defaultPickerItemHeight(30)//设置TextPicker各选择项的高度.onChange(//滑动选中TextPicker文本内容后，触发该回调(value:string｜string[],//当前选中项的文本index:number|number[]//当前选中项的索引值)={console.info(您选中的文本是,value:+val