目录
2.8 NUMBER_PASSWORD:简洁的纯数字密码模式
2.9 NUMBER_DECIMAL:精确的带小数点数字模式
一、ArkUI TextInput 初相识
在当今数字化时代,应用开发如同搭建一座绚丽的数字城堡,而 ArkUI 框架则是这座城堡的坚实基石。它作为构建分布式应用的声明式 UI 开发框架,具备简洁自然的 UI 信息语法、多维的状态管理以及实时界面预览等强大能力,大大提升了开发者的开发效率,为用户带来生动流畅的体验 ,在应用开发领域占据着举足轻重的地位。
在 ArkUI 框架的众多组件中,TextInput 组件宛如一颗璀璨的明珠,格外引人注目。它是用于收集用户输入文本信息的基础组件,就像是一扇与用户沟通的窗口,广泛应用于各种场景,如登录页面的账号密码输入、聊天界面的消息发送、表单填写等 。而其丰富多样的输入模式,更是为开发者提供了极大的便利,能够满足不同场景下的用户输入需求。接下来,就让我们一同深入探索 ArkUI TextInput 的各种输入模式,揭开它们神秘的面纱。
二、十种输入模式全解析
2.1 Normal:海纳百川的基本模式
Normal 模式是 ArkUI TextInput 的默认输入模式,就像是一个万能的收纳盒,对输入的字符没有任何特殊限制,支持各种类型的字符,包括字母、数字、符号、中文等 。无论是用户随意记录的一段文字,还是包含特殊符号的备注信息,它都能照单全收。在一个简单的便签应用中,用户可以使用 Normal 模式的 TextInput 组件自由输入各种想法、待办事项等内容,不受任何输入格式的束缚,尽情发挥自己的创造力。 这种通用性使得 Normal 模式成为了最基础、最常用的输入类型,广泛应用于各种需要用户自由输入文本的场景。
2.2 Password:守护隐私的密码模式
Password 模式专门用于密码输入场景,它就像是一位忠诚的隐私守护者,将用户输入的密码以圆点或星号的形式显示,有效防止密码在输入过程中被他人窥探 。当用户在登录页面输入密码时,为了保护账号安全,会使用 Password 模式的 TextInput 组件,此时输入的密码会被隐藏起来,只有用户自己知晓。一些应用还会在 Password 模式的输入框旁边添加一个小眼睛图标,用户点击该图标,就可以切换密码的显示状态,方便用户检查密码输入是否正确 ,既保障了隐私安全,又提供了一定的便利性。
2.3 Email:精准匹配的邮箱模式
Email 模式主要用于邮箱地址的输入,它就像是一个精准的过滤器,对输入的内容进行严格的格式校验,确保输入的是符合邮箱格式的字符串 。在注册账号或设置邮箱相关信息时,常常会用到这种模式。它会自动校验输入字符串中是否包含且仅包含一个 @字符,以及 @字符前后的内容是否符合邮箱地址的规范 。如果用户输入的格式不正确,比如缺少 @字符或者域名部分不符合规则,应用可以及时给出提示,引导用户输入正确的邮箱地址,保证邮箱信息的准确性。
2.4 Number:纯粹的数字模式
Number 模式只允许用户输入纯数字内容,是数字输入的专属通道 。在需要输入年龄、数量、价格等只包含数字信息的场景中,Number 模式就派上了大用场。在购物应用中,用户输入购买商品的数量时,使用 Number 模式的 TextInput 组件,就可以避免输入非数字字符导致的错误,确保输入的数据类型正确,方便后续的计算和处理。 这种模式有效地提高了数字输入的准确性和效率,减少了数据错误的可能性。
2.5 PhoneNumber:适配多样的电话模式
PhoneNumber 模式支持用户输入电话号码,它就像是一个灵活的适配器,能够适应不同地区电话号码的多样格式 。电话号码中可能包含数字、括号、横线、加号等字符,PhoneNumber 模式都能支持。在填写联系方式的场景中