OpenHarmony——ArkTS声明式开发与应用 课件 项目2-任务4-1 交互类组件.pptxVIP

交互类组件

目录CONTENTS输入框组件TextInput1按钮组件Button2开关组件Toggle3多选框组件CheckBox4消息提示模块5

01输入框组件TextInput知识储备

输入框组件TextInput单行文本输入框组件TextInput，用于输入文字。TextInput({placeholder:请输入账户,//设置无输入时的提示文本text:})//设置输入框当前的文本内容.type(InputType.Normal)//设置输入框类型.onChange((value:string)={//输入内容发生变化时，触发该回调，value就是输入的内容})

输入类型InputType.Normal：基本输入模式。支持输入数字、字母、下划线、空格、特殊字符；InputType.Password：密码输入模式；InputType.Email：邮箱地址输入模式；InputType.Number：纯数字输入模式；InputType.PhoneNumber：电话号码输入模式。InputType代码演示

02按钮组件Button知识储备

按钮组件Button按钮组件，可快速创建不同样式的按钮，使用属性.type()描述按钮样式。Button(登录).type(B