在移动设备时代,大多数用户与设备的交互无需额外硬件键盘参与。这在移动性方面很方便。但是,软件键盘并不总是您最好的打字伙伴。为了解决触觉键盘的缺失问题,大多数软件键盘提供了一些预测完成的方式。
通常,应用程序开发人员希望应用程序用户从一组定义的选项中进行选择。例如,这些选项可能是航空公司提供服务的始发机场列表,或者可能是社交应用程序上下文中您的朋友列表。在这种情况下,
用于 NativeScript 的 AutoCompleteTextView 将是您最好的朋友。让我们更深入地了解该控件提供的有用功能。
不同的建议模式
AutoCompleteTextView 控件提供三种建议模式
- 建议 - 您会得到一个下拉列表,其中列出了可供选择的项目,这些项目根据您刚刚输入的字符进行过滤
- 追加 - 根据您刚刚输入的内容,会建议一个项目,并将剩余文本追加到您的输入中。轻触空格键会提交选择
- 建议 - 追加 - 键入时,您会得到一个预先过滤的项目列表供您选择,以及追加到您输入的文本
不同的完成模式
支持两种完成模式
- 以…开头 - 您会得到以您键入的文本开头的建议
- 包含 - 您会得到包含您键入的文本的建议
令牌
当您只需要选择一项(例如始发机场)时,您可能更喜欢将所选文本的样式保留为普通文本。但是,当您需要一次选择多项时,例如当您要将电子邮件发送给多个收件人时,您可能希望选择令牌模式。 此模式使每个选定项目 显示为一个令牌。令牌易于与列表中的其他选项区分开来。此外,每个令牌都可以通过点击令牌内置的 X 部分单独删除。
如何获取 AutoCompleteTextView (Beta)?
您可以从
NPM 或从
Telerik.com 获取包含 AutoCompleteTextView (Beta) 的
UI for NativeScript Pro 的免费试用版。
更多功能将在 1 月中旬的正式版发布中推出。敬请期待!