Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/cemozguraA/Xamarin.RisePlugin.AutoCompleteTextView

Xamarin Forms Native AutoCompleteTextView
https://github.com/cemozguraA/Xamarin.RisePlugin.AutoCompleteTextView

Last synced: 29 days ago
JSON representation

Xamarin Forms Native AutoCompleteTextView

Awesome Lists containing this project

README

        

### AutoCompleteTextView

#### Description
- When you add an item source, it automatically suggests items for you. If the text editor is empty and click back button delete last selected item. You can select single or multiple items and you can customize the visuals of the selected items.

![](https://raw.githubusercontent.com/cemozguraA/Xamarin.RisePlugin.AutoCompleteTextView/master/Images/New%20Project.png)

#### Multiple Selection
- ![](https://github.com/cemozguraA/Xamarin.RisePlugin.AutoCompleteTextView/blob/master/Images/gif1.gif?raw=true)

#### Delete Items
- ![](https://github.com/cemozguraA/Xamarin.RisePlugin.AutoCompleteTextView/blob/master/Images/gif2.gif?raw=true)
### NugetPackage
[https://www.nuget.org/packages/Xamarin.RisePlugin.AutoCompleteTextView](https://www.nuget.org/packages/Xamarin.RisePlugin.AutoCompleteTextView)
#### Usage

- **Step1**

Add the following NuGet package to your solution.
- **Step2**

You must add this line to your AppDelegate.cs before you use AutoCompleteTextView
```csharp
Xamarin.RisePlugin.AutoCompleteTextView.iOS.AutoCompleteTextViewRenderer.Init();
```
- **Step3 (Important)**

You must call these properties NamePath, ItemTemplate, SelectedItemTemplate, ItemsSource, SelectedItemsSource
Like
```csharp
auto.ItemsSource = list;
auto.SelectedItemsSource = new List();
auto.NamePath = "Text";
auto.ItemTemplate = new DataTemplate(() =>
{
var stc = new StackLayout() { BackgroundColor = Color.Blue };
var lbl = new Label();
lbl.SetBinding(Label.TextProperty, "Text");
stc.Children.Add(lbl);
return stc;
});
auto.SelectedItemTemplate = new DataTemplate(() =>
{
var stc = new StackLayout() { BackgroundColor = Color.Blue };
var lbl = new Label();
lbl.SetBinding(Label.TextProperty, "Text");
stc.Children.Add(lbl);
return stc;
});
```

| Platforms |
| ------------- |
| IOS |
| Android |

## Propertys
| Property | What it does |
| ------------- | ------------|
| TextColor | Set editor text color. |
| FontSize | Set editor font size. |
| FontFamily | Set editor font family. |
| FontAttribute | Set editor font FontAttribute. |
| BackgroundColor | Set view background color . |
| TextBackGroundColor | Set only editor background color . |
| PlaceholderColor | Set editor placeholder color. |
| BorderColor | Set editor border color. |
| BorderThickness | Set editor border thickness. |
| BackButtonPressDeleteSelected | Clicking back button deletes last selected item. |
| ClickDeleteSelected | Delets clicked item. |
| SeparatorColor | Set separator color dropdown. |
| SeparatorThickness | Set separator thickness dropdown. |
| SameItemControl | Checks selected items, will skip item if this is an already existing one. (Only work SelectionMode.Multiple) |
| SearchType | Set searching criteria |
| NamePath | Type the name you want to show up in the dropdown. |
| SelectionMode | You can select none, single or multiple items. |
| RowHeight | Set dropdown rows height |
| SelectAfterText | Setting the status of the text when selecting an object from dropdown. (Clear = clear the text, Complete = sets the name of the item you select to text, Default = does nothing) |
| ItemsSource | The list you want to show up. |
| SelectedItemsSource | Selected item list |
| ItemTemplate | You can customize the visuals of the dropdown items. |
| SelectedItemTemplate | You can customize the visuals of the selected items. |
| SelectItem | When an dropdown item is selected, properties of that item and the index returns. |
| SelectSameItem | When an dropdown selected item is similar, properties of that item and the index returns. |
| BackButtonPressDelete | When an delete item with back button, properties of that item and the index returns. |
| TextChanged | Triggered when text changes.. |
| ClickSelectedItem | Triggered when click selected item.. |

### ItemTemplate And SelectedItemTemplate
- **Only for structured views.**