SfPicker Getting Started

5 Jun 20203 minutes to read

This topic describes about the assembly that is required in your iOS application, when you use SfPicker. After installing Essential Studio for Xamarin, you can find all the required assemblies in the following installation folders,

{Syncfusion Essential Studio Installed location}\Essential Studio{Release Version}\lib

Add the following assembly references to the iOS unified project,

iOS-unified\Syncfusion.SfPicker.iOS.dll

Create your first Picker in Xamarin.iOS

1) Create new iOS application in Xamarin Studio.

2) Now, create a simple data source as shown in the following code example.

C#

public partial class ViewController : UIViewController
{
    SfPicker pickerControl;

    protected ViewController(IntPtr handle) : base(handle)
    {
        // Note: this constructor should not contain any initialization logic.
    }

    public override void ViewDidLoad()
    {
        base.ViewDidLoad();
        #region SfPickerSettings
        pickerControl = new SfPicker();
        pickerControl.SelectedIndex = 2;
        pickerControl.ShowColumnHeader = false;
        pickerControl.HeaderText = "Pick a Color";
        pickerControl.ColumnHeaderText = "Colors";
        pickerControl.ShowFooter = false;
        pickerControl.ShowHeader = true;
        pickerControl.ItemsSource = GetSource();
        View.AddSubview(pickerControl);
    }

    //simple datasource of Picker.
    List<string> GetSource()
    {
        List<string> collectionStrings;
        collectionStrings = new List<string>();
        collectionStrings.Add("Blue");
        collectionStrings.Add("Black");
        collectionStrings.Add("Red");
        collectionStrings.Add("Pink");
        collectionStrings.Add("Orange");
        collectionStrings.Add("Magenta");
        collectionStrings.Add("Yellow");
        collectionStrings.Add("Purple");
        collectionStrings.Add("Green");
        collectionStrings.Add("Gray");
        collectionStrings.Add("LightGray");
        collectionStrings.Add("Brown");
        return collectionStrings;
    }
}

3) You can add the header and footer of Picker control by enabling ShowHeader and ShowFooter property as per in the following code example,

C#

pickerControl = new SfPicker();
    pickerControl.SelectedIndex = 2;
    pickerControl.ShowColumnHeader = true;
    pickerControl.HeaderText = "Pick a Color";
    pickerControl.ColumnHeaderText = "Colors";
    pickerControl.ShowFooter = true;
    pickerControl.ShowHeader = true;
    pickerControl.ItemsSource = GetSource();