MaterialSpinner-Xamarin

Xamarin bindings for MaterialSpinner by @ganfra

Spinner with Material Design - Down to API 9

This library provides you a Spinner with the Material style. You can use it like any regular Spinner. Add floating label text, hint and error messages.

Installing

NuGet package available:

PM> Install-Package MaterialSpinner-Xamarin

Usage

There is a sample project available here

Using in a XML:

<fr.ganfra.materialspinner.MaterialSpinner
    android:id="@+id/spinner"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content" 
    app:ms_multiline="false"
    app:ms_hint="hint"
    app:ms_enableFloatingLabel="false"
    app:ms_enableErrorLabel="false"
    app:ms_floatingLabelText="floating label"
    app:ms_baseColor="@color/base"
    app:ms_highlightColor="@color/highlight"
    app:ms_errorColor="@color/error"
    app:ms_typeface="typeface.ttf"
    app:ms_thickness="2dp"
    app:ms_hintColor="@color/hint"
    app:ms_arrowColor="@color/arrow"
    app:ms_arrowSize="16dp"
    app:ms_alignLabels="false"
    app:ms_floatingLabelColor="@color/floating_label"/>

You can set a hint and a floating label text. If no floating label text is provided, the hint will be set instead.

You use it like a regular spinner, setting an adapter to it:

string[] ITEMS = {"Item 1", "Item 2", "Item 3", "Item 4", "Item 5", "Item 6"};
var adapter = new ArrayAdapter<String>(this, Android.Resource.Layout.SimpleSpinnerItem, ITEMS);
adapter.SetDropDownViewResource(Android.Resource.Layout.SimpleSpinnerDropDownItem);
var spinner = FindViewById<MaterialSpinner>(Resource.Id.spinner1);
spinner.Adapter = adapter;

If you need to set an error message, you can do it the same way as an EditText:

// Activate
spinner.Error = "Error";
// Deactivate
spinner.Error = null;

You can choose to have a scrolling animation or to set the error message on multiple lines with the ms_multiline attribute in XML (default is true).

Gif example

License

MIT License