The Xamarin Autocomplete control is highly optimized to quickly load and populate suggestions from a large volume of data depending on the users’ input characters. It allows users to select one or more items from the suggestion list. It can display the selected items in the input view with images, text, and close buttons to remove items as needed.
Select multiple items from the Xamarin.Forms entry suggestion list and display the selected items either as tokens, such as in an email address bar, or text separated by a delimiter.
Customizable token representation in the Xamarin Autocomplete control allows users to remove an item with its close button.
Delimit the selected items with desired characters such as ‘$’ for dollar representation, or ‘,’ for traditional comma separation.
The Xamarin.Forms Autocomplete entry control has been designed with performance in mind in every aspect. It has several optimizations that allow users to load and search a million items in an instant.
When a character is entered, the control searches for items related to the entered character and filters the results, displaying suggestions in a drop-down list.
If there are more filtered items than can be viewed, there is no need to worry about populating them. Instead, limit them by using one of the built-in options, and load more if needed by providing a load more button.
The Xamarin.Forms Autocomplete control does not stick to one type of keyboard, so you can suggest characters from a language with letters containing diacritics and search for them with English characters from an en-US keyboard.
Apply your own custom search logic to implement functionality like custom typo toleration that provides suggestions based on the input characters.
The Xamarin.Forms Autocomplete control starts offering matches as soon as users start typing, but supports a provision to set the number of characters required to start matching.
You can pick from various filtering options such as starts with, contains, and ends with. You can also choose whether to filter with or without case sensitivity.
The AutoComplete control for Xamarin.Forms auto suggests a list of filtered items in a pop-up or appends the rest of the suggested words in the input area.
When the user starts typing in the Xamarin.Forms search bar Autocomplete, a pop-up opens, displaying the filtered items that match the entered text.
Show the suggestion pop-up either at the top or bottom depending on the size constraints.
Autocomplete Xamarin.Forms allows you to collapse the built-in suggestion pop-up and show the suggestions in other items controls, like the ListView.
Delay the opening of the pop-up.
Display all the suggestions in the pop-up whenever the Xamarin.Forms Autocomplete control gets focus.
Highlight the matching text of each filtered item.
Highlight the matching text that occurs first.
Highlight the matching text that occurs multiple times.
The Xamarin.Forms Autocomplete with rich UI provides options to customize all the elements of the control.
Apply custom templates for the items in the suggestion pop-up to change their appearance and also add more information.
Customize the color of the suggestion pop-up to fit the app’s theme.
Customize the font size with pixel precision or with standard options such as small, medium, and large. Also, apply custom fonts and font icons to enhance the appearance.
The Xamarin.Forms Autocomplete control provides some additional features that make it more user-friendly.
A customizable clear button is available to clear all the text with a single tap.
Add a watermark to provide guidance about the items to be searched.
Every aspect of the Autocomplete control has been designed with the MVVM pattern in mind.
Localize all static text content with the required language.
Easily get started with the Xamarin.Forms Autocomplete using a few simple lines of C# code example as demonstrated below. Also explore our Xamarin.Forms Autocomplete Example that shows you how to render and configure the Xamarin Autocomplete.
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
xmlns:autocomplete="clr-namespace:Syncfusion.SfAutoComplete.XForms;assembly=Syncfusion.SfAutoComplete.XForms"
xmlns:ListCollection="clr-namespace:System.Collections.Generic;assembly=netstandard"
xmlns:local="clr-namespace:AutocompleteSample"
x:Class="AutocompleteSample.MainPage">
<StackLayout
VerticalOptions="Start"
HorizontalOptions="Start"
Padding="30">
<autocomplete:SfAutoComplete x:Name="autoComplete"
HeightRequest="40">
<autocomplete:SfAutoComplete.AutoCompleteSource>
<ListCollection:List x:TypeArguments="x:String">
<x:String>India</x:String>
<x:String>Uganda</x:String>
</ListCollection:List>
</autocomplete:SfAutoComplete.AutoCompleteSource>
</autocomplete:SfAutoComplete>
</StackLayout>
</ContentPage>
using Syncfusion.SfAutoComplete.XForms;
using System.Collections.Generic;
using Xamarin.Forms;
namespace AutocompleteSample
{
public partial class MainPage : ContentPage
{
public MainPage()
{
InitializeComponent();
StackLayout stackLayout = new StackLayout()
{
VerticalOptions = LayoutOptions.Start,
HorizontalOptions = LayoutOptions.Start,
Padding = new Thickness(30)
};
SfAutoComplete autoComplete = new SfAutoComplete()
{
HeightRequest = 40,
AutoCompleteSource = new List<string>()
{
"India",
"Uganda"
}
};
stackLayout.Children.Add(autoComplete);
this.Content = stackLayout;
}
}
}
You can find our Xamarin AutoComplete demo here.
No, this is a commercial product and requires a paid license. However, a free community license is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue, 5 or fewer developers, and 10 or fewer total employees.
A good place to start would be our comprehensive getting started documentation.
Greatness—it’s one thing to say you have it, but it means more when others recognize it. Syncfusion is proud to hold the following industry awards.