返回博客主页
← 所有文章

使用 AutoCompleteTextView (Beta) 获取文本自动完成

2016 年 12 月 1 日 — 作者:Nikolay Diyanov

在移动设备时代,大多数用户与设备的交互无需额外硬件键盘参与。这在移动性方面很方便。但是,软件键盘并不总是您最好的打字伙伴。为了解决触觉键盘的缺失问题,大多数软件键盘提供了一些预测完成的方式。 

通常,应用程序开发人员希望应用程序用户从一组定义的选项中进行选择。例如,这些选项可能是航空公司提供服务的始发机场列表,或者可能是社交应用程序上下文中您的朋友列表。在这种情况下,用于 NativeScript 的 AutoCompleteTextView 将是您最好的朋友。让我们更深入地了解该控件提供的有用功能。

nativescript-autocomplete


不同的建议模式

AutoCompleteTextView 控件提供三种建议模式
  • 建议 - 您会得到一个下拉列表,其中列出了可供选择的项目,这些项目根据您刚刚输入的字符进行过滤
    nativescript-autocomplete-suggest
  • 追加 - 根据您刚刚输入的内容,会建议一个项目,并将剩余文本追加到您的输入中。轻触空格键会提交选择
    nativescript-autocomplete-append
  • 建议 - 追加 - 键入时,您会得到一个预先过滤的项目列表供您选择,以及追加到您输入的文本
    nativescript-autocomplete-suggestappend

不同的完成模式

支持两种完成模式

  • 以…开头 - 您会得到以您键入的文本开头的建议
    nativescript-autocomplete-startswith
  • 包含 - 您会得到包含您键入的文本的建议
    nativescript-autocomplete-contains


令牌

当您只需要选择一项(例如始发机场)时,您可能更喜欢将所选文本的样式保留为普通文本。但是,当您需要一次选择多项时,例如当您要将电子邮件发送给多个收件人时,您可能希望选择令牌模式。 此模式使每个选定项目 显示为一个令牌。令牌易于与列表中的其他选项区分开来。此外,每个令牌都可以通过点击令牌内置的 X 部分单独删除。
nativescript-autocomplete-tokens


如何获取 AutoCompleteTextView (Beta)?

您可以从 NPM 或从 Telerik.com 获取包含 AutoCompleteTextView (Beta) 的 UI for NativeScript Pro 的免费试用版。

更多功能将在 1 月中旬的正式版发布中推出。敬请期待!