Xamarin.Forms Autocomplete - Fast and Feature-Rich Control
- On-demand loading for efficient data utilization. No need to pre-populate a huge number of items at the same time.
- The high-performance search engine can load and search through 100,000 items in less than a second.
- Customizable typo-toleration functionality, similar to Google search.
Trusted by the world’s leading companies
Overview
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.
Multiple selection
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.
Token representation
Customizable token representation in the Xamarin Autocomplete control allows users to remove an item with its close button.
Delimiter
Delimit the selected items with desired characters such as ‘$’ for dollar representation, or ‘,’ for traditional comma separation.
Performance
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.
Search
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.
On demand loading
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.
Diacritic sensitivity
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.
Custom search
Apply your own custom search logic to implement functionality like custom typo toleration that provides suggestions based on the input characters.
Perform filtering when needed
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.
Filter
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.
Suggest, append, or both
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.
Suggestion pop-up
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.
Pop-up placement
Show the suggestion pop-up either at the top or bottom depending on the size constraints.
Avoid suggestion pop-up
Autocomplete Xamarin.Forms allows you to collapse the built-in suggestion pop-up and show the suggestions in other items controls, like the ListView.
Pop-up opening delay
Delay the opening of the pop-up.
Show suggestion on focus
Display all the suggestions in the pop-up whenever the Xamarin.Forms Autocomplete control gets focus.
Matching text highlight
Highlight the matching text of each filtered item.
First occurrence
Highlight the matching text that occurs first.
Multiple occurrence
Highlight the matching text that occurs multiple times.
Customization
The Xamarin.Forms Autocomplete with rich UI provides options to customize all the elements of the control.
Custom template
Apply custom templates for the items in the suggestion pop-up to change their appearance and also add more information.
Colors
Customize the color of the suggestion pop-up to fit the app’s theme.
Font
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.
General information
The Xamarin.Forms Autocomplete control provides some additional features that make it more user-friendly.
Clear button
A customizable clear button is available to clear all the text with a single tap.
Watermark
Add a watermark to provide guidance about the items to be searched.
MVVM support
Every aspect of the Autocomplete control has been designed with the MVVM pattern in mind.
Localization
Localize all static text content with the required language.
Xamarin.Forms Autocomplete Code Example
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;
}
}
}Not sure how to create your first Autocomplete? Our tutorial videos and documentation can help.
I’d love to watch now I’d love to read now150+ XAMARIN UI CONTROLS
ALL CONTROLS
-
Xamarin.Forms
-
Xamarin.Android
-
Xamarin.iOS
-
GRIDSDATA VISUALIZATIONNAVIGATIONEDITORSLAYOUTPROJECT MANAGEMENTNOTIFICATIONDOCUMENT PROCESSING LIBRARIESVIEWER/EDITORMISCELLANEOUSCHAT
-
GRIDSDATA VISUALIZATIONNAVIGATIONEDITORSLAYOUTPROJECT MANAGEMENTNOTIFICATIONVIEWER/EDITORDOCUMENT PROCESSING LIBRARIESMISCELLANEOUS
-
GRIDSDATA VISUALIZATIONNAVIGATIONEDITORSLAYOUTPROJECT MANAGEMENTNOTIFICATIONVIEWER/EDITORDOCUMENT PROCESSING LIBRARIESMISCELLANEOUS
The most downloaded control (based on the nuget.org download count).
Frequently Asked Questions
Why should you choose Syncfusion Xamarin AutoComplete?
- On-demand loading for efficient data utilization. No need to pre populate a huge number of items at the same time.
The high-performance search engine can load and search through 100,000 items in less than a second.
- One of the best Xamarin AutoComplete in the market that offers feature-rich UI to interact with the software.
- Customizable typo-toleration functionality.
- Simple configuration and API.
- Use a lightweight and truly native.
Expansive learning resources such as demos, documentation and videos to learn quickly and get started with Xamarin AutoComplete.
Where can I find the Syncfusion Xamarin AutoComplete demo?
You can find our Xamarin AutoComplete demo here
Can I download and utilize the Syncfusion Xamarin AutoComplete for free?
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.
How do I get started with Syncfusion Xamarin AutoComplete?
A good place to start would be our comprehensive getting started documentation.
Our Customers Love Us
Having an excellent set of tools and a great support team, Syncfusion® reduces customers’ development time.Here are some of their experiences.
Amazing tool, great designs
Using Xamarin templates from Syncfusion I can focus on the code and do not have to worry about design. Very easy to implement.
Dirk F,
Software Development Engineer, Small-Business
Essential for any Xamarin developer!
A large number of components that complement or improve almost everything that does not yet exist in Xamarin. The support is the best I've ever seen! They fix bugs quickly and are always willing to listen to suggestions.
Cezar W,
Co-Founder, Small-Business
Rated by users across the globe
Syncfusion Xamarin.Forms Resources
Learning
Documentation
Documentation
Awards
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.
