Description Xfx Controls are just a few controls that differ from the baked in Xamarin.Forms Controls.
| iOS | Android | UWP | Mac | |
|---|---|---|---|---|
| XfxEntry | ✅ | ✅ | ❌ | ❌ |
| XfxComboBox | ✅ | ✅ | ❌ | ❌ |
| XfxCardView | ✅ | ✅ | ❌ | ❌ |
In your MainActivity, initialize XfxControls just before initializing Xamarin Forms
XfxControls.Init(); global::Xamarin.Forms.Forms.Init(this, bundle);
note: XfxEntry and XfxComboBox REQUIRES your app to use an AppCompat theme.
In your AppDelegate, initialize XfxControls just before initializing Xamarin Forms
XfxControls.Init(); global::Xamarin.Forms.Forms.Init();
Declaration is exactly the same as a Xamarin.Forms.Entry, with some added properties
<!-- XfxEntry--> <xfx:XfxEntry Placeholder="Enter your name" Text="{Binding Name}" ErrorText="{Binding NameErrorText}" />
When the ErrorText property is set, the ErrorText will display, otherwise if it is null or empty, it's removed.
<!-- XfxComboBox--> <xfx:XfxComboBox Placeholder="Enter your email address" Text="{Binding EmailAddress}" ItemsSource="{Binding EmailSuggestions}" SortingAlgorithm="{Binding SortingAlgorithm}"/>
The XfxComboBox extends the XfxEntry and therefore also includes the ErrorText property.
Beyond that there is an ItemsSource property, SelectedItem property, and a SortingAlgorithm property.
The first two are pretty self explanitory, but here's an example of how you can set the SortingAlgorithm
public class MyViewModel : INotifyPropertyChanged { public Func<string, ICollection<string>, ICollection<string>> SortingAlgorithm { get; } = (text, values) => values .Where(x => x.StartsWith(text, StringComparison.CurrentCultureIgnoreCase))) .OrderBy(x => x) .ToList(); }
<!-- XfxCardView --> <xfx:XfxCardView CornerRadius="3" Elevation="3"> <StackLayout Padding="0" Margin="0"> <Image Source="http://lorempixel.com/1024/200/abstract" HorizontalOptions="Fill" Aspect="Fill" /> <Label Margin="8"> <Label.Text> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse fringilla turpis turpis, id lobortis dolor vestibulum condimentum. </Label.Text> </Label> <Button Text="Go to Main Page" Clicked="Button_OnClicked" Margin="8" /> </StackLayout> </xfx:XfxCardView>
- @MarcBruins for: MBAutoComplete
- @gshackles for: FloatLabeledEntry
Licensed MIT, please review the license file.